← Alle Beiträge

Anleitungen

Wie man JavaScript auf jeder Webseite ausführt — Leitfaden für Einsteiger

16 Mai 2026 · von JustZix Team

Manchmal ist eine Website fast richtig — Sie wünschten sich nur, sie täte eine zusätzliche Sache. Die Lösung sind oft ein paar Zeilen JavaScript. Dieser Einsteiger-Leitfaden zeigt Ihnen, wie man JavaScript auf jeder Webseite ausführt, vom schnellen Einmaleinsatz in der Konsole bis zu einer Regel, die automatisch bei jedem Besuch läuft, mit echten Beispielen unterwegs.

Ein kurzer Sicherheitshinweis vor allem anderen

JavaScript, das Sie auf einer Seite ausführen, hat dieselben Befugnisse wie die Seite selbst — es kann Inhalte lesen, Dinge anklicken und Anfragen senden. Die Regel ist also einfach und nicht verhandelbar: Führen Sie nur Code aus, den Sie verstehen. Fügen Sie niemals ein Skript von einem Fremden, aus einem Kommentar oder aus einem „Mach diesen Trick"-Video in eine Konsole ein — genau so funktionieren Betrugsmaschen zum Kontodiebstahl. Jedes Beispiel unten ist kurz genug, um es vollständig zu lesen und zu verstehen.

Methode 1 — die DevTools-Konsole (einmalig)

Jeder Browser liefert eine JavaScript-Konsole mit. Drücken Sie F12 und öffnen Sie den Konsole-Tab. Tippen Sie einen Ausdruck, drücken Sie Enter, und er wird sofort gegen die aktuelle Seite ausgeführt:

// Count every link on the page
document.querySelectorAll('a').length

Die Konsole ist perfekt für Experimente und schnelle Überprüfungen. Ihre Grenze: nichts bleibt bestehen. Laden Sie die Seite neu, und Ihr Code ist weg — Sie müssten ihn jedes einzelne Mal erneut einfügen.

Methode 2 — Bookmarklets (gespeichert, aber manuell)

Ein Bookmarklet ist ein Browser-Lesezeichen, dessen URL JavaScript statt einer Adresse ist. Klicken Sie das Lesezeichen an, und der Code läuft auf der aktuellen Seite. Es sieht so aus:

javascript:(function(){
  document.body.style.fontFamily = 'Georgia, serif';
})();

Bookmarklets sind wirklich nützlich und bleiben zwischen Sitzungen bestehen. Aber sie haben echte Grenzen:

• Sie laufen nur, wenn Sie sie manuell anklicken — niemals automatisch.
• Alles muss in eine einzige URL gepresst werden, sodass längere Skripte schnell unleserlich werden.
• Eine strenge Content Security Policy auf manchen Seiten kann sie blockieren.

Methode 3 — eine dauerhafte Regel (automatisch)

Damit JavaScript automatisch jedes Mal läuft, wenn Sie eine passende Seite öffnen, brauchen Sie eine Erweiterung, die es für Sie einfügt. JustZix macht das mit Regeln: einem URL-Muster plus dem auszuführenden Code. Es ist kostenlos, funktioniert in Chrome (und Edge, Brave, Opera, Vivaldi) und braucht kein Konto.

Anleitung — eine Regel, die Ihr JS ausführt

1. Installieren Sie JustZix von der Download-Seite.
2. Öffnen Sie die Seite, die Sie verbessern möchten.
3. Klicken Sie auf das JustZix-Symbol und wählen Sie Neue Regel.
4. Legen Sie ein URL-Muster fest, z. B. https://example.com/*.
5. Öffnen Sie das JS-Panel und fügen Sie Ihr Skript ein.
6. Speichern Sie. Das Skript läuft nun bei jedem Laden einer passenden Seite.

Während Sie das Skript bauen, können Sie mit der JS-Konsole als REPL im Tab Ausdrücke gegen die Live-Seite testen, und die Output Console mit sechs Tabs zeigt Logs, Netzwerkaktivität und DataLayer-Ereignisse — sodass Sie die DevTools nicht gleichzeitig geöffnet haben müssen. Mehr auf der Funktionsseite.

Beispiel 1 — eine unruhige Seite aufräumen

Entfernen Sie klebrige Elemente, die Ihnen die Seite hinunter folgen:

// Remove sticky headers and floating widgets
document.querySelectorAll('*').forEach(el => {
  const pos = getComputedStyle(el).position;
  if (pos === 'fixed' || pos === 'sticky') {
    el.style.position = 'static';
  }
});

Beispiel 2 — eine Schaltfläche automatisch anklicken

Manche Seiten verstecken Inhalte hinter einer „Mehr anzeigen"-Schaltfläche. Klicken Sie sie für sich automatisch an:

// Click the first "Show more" button on load
const btn = [...document.querySelectorAll('button')]
  .find(b => /show more|read more/i.test(b.textContent));
if (btn) btn.click();

Beispiel 3 — auf Inhalte warten, die spät laden

Moderne Seiten fügen Inhalte nach dem ersten Laden hinzu. Ein MutationObserver lässt Ihren Code reagieren, wenn das gewünschte Element endlich erscheint:

// Run once the target element shows up
const observer = new MutationObserver(() => {
  const target = document.querySelector('.comments-section');
  if (target) {
    target.scrollIntoView();
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });

Dieses Muster ist der Unterschied zwischen einem Skript, das „manchmal funktioniert", und einem, das zuverlässig funktioniert — die meisten Timing-Fehler in Seitenskripten kommen daher, dass sie laufen, bevor das Element existiert.

Die richtige Methode wählen

Fehlersuche, wenn etwas nicht funktioniert

• Prüfen Sie das Timing. Wenn das Element noch nicht da ist, umschließen Sie Ihren Code mit einem MutationObserver wie oben.
• Lesen Sie die Konsole. Fehler zeigen direkt auf die Zeile, die fehlgeschlagen ist.
• Testen Sie in kleinen Schritten. Führen Sie Teile im REPL aus, bevor Sie das ganze Skript speichern.
• Grenzen Sie eng ein. Ein präzises URL-Muster hält ein Skript von Seiten fern, die es kaputtmachen würde.

Siehe auch

• Wie man eigenes CSS zu jeder Website hinzufügt
• Die besten Tampermonkey-Alternativen

Möchten Sie, dass Ihr JavaScript automatisch bei jedem Besuch läuft, ohne es jedes Mal einzufügen? JustZix ist kostenlos — installieren Sie es von der Download-Seite und verwandeln Sie Ihr Snippet in eine Regel.