Greasemonkey/ Userscripte /Tampermonkey Anleitung Instalation

  • Was ist GreaseMonkey?

    "Greasemonkey ist eine Mozilla Firefox-Erweiterung, die es Benutzern ermöglicht, Skripte zu installieren, die Änderungen am


    Webseiteninhalt nach oder vor dem Laden der Seite in den Browser vornehmen"




    1. GREASEMONKEY-INSTALLATION

    Laden Sie das neueste Addon herunter von: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

    Sobald der Greasemonkey in Firefox installiert ist, können Sie Greasemonkey-Symbol in der Symbolleiste sehen.



    2. HALLO WELT BEISPIEL

    Um ein neues Benutzerskript zu schreiben, klicken Sie auf "Neues Benutzerskript" und füllen Sie alle Details aus.


    Nach dem Absenden der Details wird das User-Skript in einem Editor mit Erstkonfiguration geöffnet. Die ursprüngliche


    Konfiguration sieht so aus.

    Das beispiel öffnet auf jeder Seite ein Alertfenster mit "HALLO WELT".



    // == BenutzerScript ==

    // @name Hallo Welt

    // @namespace irgedwas

    // @include *

    // @Version 1

    // == / UserScript ==


    alert("Hallo Welt");





    2. HINZUFÜGEN EINER SCHALTFLÄCHE ZUR WEBSEITE

    Wir können eine Schaltfläche dynamisch mit der JavaScript-API erstellen und sie an den aktuellen Webseitenkörper anhängen.


    // == BenutzerScript ==

    // @name Hallo Welt

    // @namespace irgendwas

    // @include *

    // @Version 1

    // == / UserScript ==


    var input = document.createElement ("Eingabe");

    input.type = "Knopf";

    input.value = "GreaseMonkey Button";

    input.onclick = showAlert;

    document.body.appendChild (Eingabe);


    Funktion showAlert ()

    {

    Alarm ("Hallo Welt");

    }

    Jetzt habt ihr ein Button der das öffnen des Alertfenster steuert.

    [Blockierte Grafik: http://cdn.hayageek.com/wp-content/uploads/2013/09/button-at-the-end-300x230.png]







    ( unten links )






    Esrt nach klick auf Button wird der Alert Hinweiss angezeigt.




    3. Soll der BButton wo anders erscheinen ,oder eine andere Farbe haben usw müsst ihr noch style hinzufügen

    ungefähr so könnte das aussehen.


    var input = document.createElement ("Eingabe");

    input.type = "Button";

    input.value = "GreaseMonkey Button";

    input.onclick = showAlert;

    input.setAttribute ("style", "font-size: 18px;background:yellow;color:red; position: absolute; top: 120px; right: 40px;");

    document.body.appendChild (Eingabe);


    Funktion showAlert ()

    {

    Alarm ("Hallo Welt");

    }

    Jetz ist euer Button gelb mit roter schrift und oben rechts zu sehen.


    4. Nochmal kurzanleitung schritt für schritt.


    1.Greasemonkey addon runterladen und installieren

    2. Scripte im Netz suchen oder selber schreiben

    2a. Beim selber schreiben drauf achten.

    .. erst die meta datein schreiben https://wiki.greasespot.net/Metadata_Block

    sind die alle korekt kann das eigentliche Script beginnen.

    3. Nach erstellen oder runterladen des Scriptes muss dieses noch zu Greasemonkey hinzugefügt werden,

    was man unter der greasmonkey einstellung zu finden ist.

    4. Direkte installationen sind zb von folgener Seite möglich. https://greasyfork.org/de/scripts

    5.Wer sich mit Scripten auskennt sollte vieleicht vorher einmal im code reinschauen ob da kein schädlicher code drin


    versteckt ist.

    6.Auf dieser Seite kann man auch sehen wie viele Download es schon gibt und auch die rückmeldungen von benutzern die dieses


    Script benutzen.daran kann man meistens auch schon sehen ob ein Script gut oder schlecht ist .

    7. nach der installation sollte man noch einmal die Seite reloden ( F5 drücken ) und danach ist das Script start bereit.

    Das Script läuft immer nur auf den Seiten was unter @include eingegeben wurde.



    Ich hoffe ich konnte euch mit der kleinen einführung helfen.

    Bei fragen einfach mich fragen oder im Forum mal rumfragen.