# Tampermonkey - Webseiten on the fly erweitern

#### Beschreibung

Tampermonkey ist eine beliebte Browser-Erweiterung, die es Benutzern ermöglicht, JavaScript-Code zu schreiben und auszuführen, um das Verhalten von Websites anzupassen. Es ist für viele Webbrowser verfügbar, einschließlich Google Chrome, Microsoft Edge und Mozilla Firefox. Tampermonkey ermöglicht es Benutzern, "Userscripts" zu installieren, die kleine JavaScript-Programme sind, die das Verhalten einer Website ändern können. Diese Skripte können verwendet werden, um wiederkehrende Aufgaben zu automatisieren, das Aussehen von Websites zu ändern oder ihnen neue Funktionen hinzuzufügen.

#### Bezug

Im Erweiterungstore unter [https://addons.mozilla.org/de/firefox/addon/tampermonkey/](https://addons.mozilla.org/de/firefox/addon/tampermonkey/)

#### Scripte für Tampermoney

Wenn scripte installiert wurden muss die Website für die das Script ist neu geladen werden.  
Einfach Downloadlink fürs Script anklicken.

<table border="1" id="bkmrk-name-beschreibung-do" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2922%;">**Name**  
</td><td style="width: 33.2922%;">**Beschreibung**  
</td><td style="width: 33.2922%;">**Downloadlink**  
</td></tr><tr><td style="width: 33.2922%;">ChatGPT Export  
</td><td style="width: 33.2922%;">Dient dazu Histories aus ChatGPT zu exportieren  
</td><td style="width: 33.2922%;">[https://raw.githubusercontent.com/pionxzh/chatgpt-exporter/master/dist/chatgpt.user.js](https://raw.githubusercontent.com/pionxzh/chatgpt-exporter/master/dist/chatgpt.user.js)

</td></tr><tr><td style="width: 33.2922%;">Proxmox NOVNC Copy &amp; Paste  
</td><td style="width: 33.2922%;">Dient dazu in einem NOBNC Fenster Copy &amp; Paste zu Benutzen  
</td><td style="width: 33.2922%;">[https://gist.github.com/amunchet/4cfaf0274f3d238946f9f8f94fa9ee02/raw/0b84970f89e1f282f09b86d46227eda71178c040/noVNCCopyPasteProxmox.user.js](https://gist.github.com/amunchet/4cfaf0274f3d238946f9f8f94fa9ee02/raw/0b84970f89e1f282f09b86d46227eda71178c040/noVNCCopyPasteProxmox.user.js)

</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr><tr><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td><td style="width: 33.2922%;">  
</td></tr></tbody></table>

Dann Installieren anklicken.

[![Auswahl_024.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/mBa5TtEs7nccErhA-auswahl-024.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/mBa5TtEs7nccErhA-auswahl-024.png)

#### Eigene Skripte programmieren  


Ein einfaches Beispiel für ein Tampermonkey-Skript könnte sein, das automatisch das Wort "Hello" auf jeder Seite, die Sie besuchen, hinzufügt. Das Skript könnte so aussehen:

```
// ==UserScript==
// @name         My Script
// @namespace    http://example.com/
// @version      0.1
// @description  A simple script to add the word "Hello" to every page
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

// Add the word "Hello" to the page
document.body.innerHTML += "Hello";

```

Das erste Teil des Skripts ist der Header, der die grundlegenden Metadaten des Skripts enthält, wie Name, Autor, Version usw.  
@match richtet sich auf die Adressen die das Script treffen soll, in diesem Fall jede Adresse.  
Der zweite Teil des Skripts ist der eigentliche JavaScript-Code, der auf der Seite ausgeführt wird.  
In diesem Fall wird nur eine Zeile JavaScript-Code verwendet, um das Wort "Hallo" an das Ende des Inhalts des body-Elements der Seite anzuhängen.

Dies ist natürlich ein sehr einfaches Beispiel und die meisten Skripte sind komplexer und verwenden Bedingungen, Schleifen, Funktionen usw. um bestimmte Aufgaben auszuführen.

#### Einbinden des scriptes

Dazu auf das Tampermonkey icon klicken -&gt; Neues Userscript erstellen

[![Menü_002.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/wTQ4CQQUmNQMPMVd-menu-002.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/wTQ4CQQUmNQMPMVd-menu-002.png)

Nun haben wir den Code Editor mit einem Template vor uns, Unten bei your code here, den code hinzufügen.

[![Bildschirmfoto vom 2023-01-11 19-02-37.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/csa9D4EuQQqIAPS5-bildschirmfoto-vom-2023-01-11-19-02-37.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/csa9D4EuQQqIAPS5-bildschirmfoto-vom-2023-01-11-19-02-37.png)

Wenn der Code / das Script fertig ist dann auf Datei und Auf Festplatte speichern.

[![Menü_003.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/dhcopyeKWVRbTRSS-menu-003.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/dhcopyeKWVRbTRSS-menu-003.png)

Wird auf Speichern geklickt wird das Script dem Benutzerdefinierten scripten hinzugefügt.  
Es wir der Name verwendet der bei @name steht

Unter Temparmonkey-symbol -&gt; Übesricht

[![Menü_004.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/tjenPcqi7Ap2hkYv-menu-004.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/tjenPcqi7Ap2hkYv-menu-004.png)

sieht man die Installierten Plugins, deren Herkunft und ob Sie aktiv sind und für welche Webseiten sie gelten.  
hier können auch scripte gelöscht werden oder installaiert werden

[![Bildschirmfoto vom 2023-01-11 19-12-34.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/Hw3pcqUAvxKNDcxW-bildschirmfoto-vom-2023-01-11-19-12-34.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/Hw3pcqUAvxKNDcxW-bildschirmfoto-vom-2023-01-11-19-12-34.png)

##### Skripte Importieren Exportieren.

Zum beispiel unser auf Festplatte gespeichertes Plugin importieren

Unter dem Register Hilfsmittel können Scripte Exportiert und importiert werden

[![Bildschirmfoto vom 2023-01-11 19-14-45.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/iGD5SDOgNJUOOMlv-bildschirmfoto-vom-2023-01-11-19-14-45.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/iGD5SDOgNJUOOMlv-bildschirmfoto-vom-2023-01-11-19-14-45.png)

Fehler oder Hinweise zu Tampermonkey scripten

NOVNC Plugin im Firefox (Clipboard aktivieren) ansonsten kommt dieser Fehler

[![Auswahl_025.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/CkeIg8yQ2UTWPg9f-auswahl-025.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/CkeIg8yQ2UTWPg9f-auswahl-025.png)

Abhilfe:

Die Zwischnablage aktivieren `dom.events.testing.asyncClipboard` in Firefox einschalten.

1. Enter `about:config` in navigation bar
2. Click "Accept the Risk and Continue"
3. Search `dom.events.testing.asyncClipboard` and set `true```

Nun Das Script für Firefox umbauen.

```
Nun `navigator.clipboard.readText` 
mit `navigator.clipboardRead` in dem Skript ersetzen.
```

Dazu Tampermonkey öffnen durch klick auf das Symobil in der Symbolleiste

[![Auswahl_026.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/unNUWwuDsU1g68o1-auswahl-026.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/unNUWwuDsU1g68o1-auswahl-026.png)

Dann auf Übersicht

[![Menü_004.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/scaled-1680-/tjenPcqi7Ap2hkYv-menu-004.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-01/tjenPcqi7Ap2hkYv-menu-004.png)

Nun in der Liste auf den Stift bei NO VNC Copy &amp; Paste klicken

[![Auswahl_027.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/c3in6Qohzlk7aef7-auswahl-027.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/c3in6Qohzlk7aef7-auswahl-027.png)

Nun Clipboard.readText durch clipboardRead ersetzten

[![Auswahl_028.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/WvILm2ERZZOa5o6J-auswahl-028.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/WvILm2ERZZOa5o6J-auswahl-028.png)

[![Auswahl_029.png](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/scaled-1680-/Mc8XHWQDXyG07St9-auswahl-029.png)](https://wiki.hacker-net.de/uploads/images/gallery/2023-02/Mc8XHWQDXyG07St9-auswahl-029.png)

Dann mit STRG+S Speichern. Fertig