JavaScript in den Google Chrome-Entwicklertools deaktivieren

Mit Chrome DevTools prüfen, wie sich eine Website oder Web-App ohne JavaScript verhält

Mit Chrome DevTools kannst du prüfen, wie sich eine Website oder Web-App ohne JavaScript verhält, ohne eine Browser-Erweiterung zu installieren. Du erreichst die Einstellung entweder über die DevTools-Einstellungen oder über das Befehlsmenü. Die folgenden Schritte beziehen sich auf die englische Oberfläche; Menünamen und Positionen können sich je nach Chrome-Version unterscheiden. Bei beiden Methoden müssen die DevTools geöffnet sein. Über die Einstellungen kannst du die verfügbaren Optionen durchsuchen; im Befehlsmenü kannst du direkt nach der Funktion suchen.

JavaScript in Chrome manuell über das Einstellungsfeld deaktivieren

Im Einstellungsfeld gibt es ein Kontrollkästchen zum Deaktivieren von JavaScript. Öffne die DevTools in dem Tab, in dem du die Website untersuchst, und suche das Kontrollkästchen. Aktiviere es anschließend. Lade die Seite neu, damit sie mit der Einstellung erneut ausgeführt wird. Vergleiche das Ergebnis mit derselben Seite und denselben Testschritten, während JavaScript aktiviert ist.

Entwicklertools im gewünschten Tab öffnen

Öffne das Dreipunkt-Menü von Chrome und wähle More tools > Developer tools. Alternativ kannst du unter Windows oder Linux Ctrl+Shift+I drücken oder auf dem Mac Command+Option+I. Auf vielen Tastaturen funktioniert auch F12. Welche Tastenkürzel funktionieren, hängt vom Betriebssystem und den Tastatureinstellungen ab. Öffnet ein Kürzel die DevTools nicht, nutze das Dreipunkt-Menü. Bei manchen kompakten Tastaturen musst du zusätzlich Fn drücken, um eine Funktionstaste zu verwenden.

Der Screenshot zeigt das Chrome-Dreipunkt-Menü mit den englischen Menüeinträgen More tools > Developer tools.

Einstellungsfeld der Entwicklertools öffnen

Klicke bei geöffneten DevTools auf das Zahnradsymbol, um die Einstellungen zu öffnen. Du kannst auch F1 drücken, während die DevTools im Fokus sind. Öffnet F1 stattdessen die Chrome-Hilfe, klicke in die DevTools und drücke die Taste erneut. Das Zahnradsymbol ist eine Alternative, wenn dein System das Tastenkürzel anders behandelt.

Der Screenshot zeigt die DevTools-Schaltfläche mit dem Zahnradsymbol; die Oberfläche ist auf Englisch.

JavaScript über das Kontrollkästchen Disable JavaScript deaktivieren

Wähle in den Einstellungen den Tab Preferences aus. Scrolle zum Abschnitt Debugger und aktiviere Disable JavaScript. Falls die englischen Bezeichnungen oder ihre Positionen in deiner Chrome-Version abweichen, suche im Suchfeld der Einstellungen nach „JavaScript“. Prüfe, ob das Kontrollkästchen aktiviert ist, kehre zur Seite zurück und lade sie neu, um ihr Verhalten zu vergleichen. Deaktiviere Disable JavaScript nach dem Test wieder, damit JavaScript für weitere Tests verfügbar ist. Verwende für beide Vergleiche dieselbe Seite und dieselben Testschritte und notiere die beobachteten Unterschiede. So lassen sich Änderungen leichter dem Ausführen der Seite ohne JavaScript zuordnen.

Der Screenshot zeigt das aktivierte Kontrollkästchen Disable JavaScript im Abschnitt Debugger der englischen DevTools-Einstellungen.

JavaScript in Chrome über das Befehlsmenü deaktivieren

Das Befehlsmenü bietet eine durchsuchbare Möglichkeit, die Deaktivierungsfunktion zu finden. Drücke bei geöffneten DevTools unter Windows oder Linux Ctrl+Shift+P oder auf dem Mac Command+Shift+P. Gib im Menü JavaScript ein und wähle in den Ergebnissen Disable JavaScript aus. Kehre zur Seite zurück und lade sie neu, um das Ergebnis zu prüfen.

Der Screenshot zeigt das DevTools-Befehlsmenü mit der englischen Aktion Disable JavaScript.

Wird der Befehl nicht angezeigt, prüfe zuerst, ob die DevTools geöffnet sind und das Befehlsmenü den Fokus hat. Suche erneut nach JavaScript oder nutze den Weg über die Einstellungen, um das Kontrollkästchen direkt zu finden. Beide Wege führen zur DevTools-Steuerung. Menünamen, Positionen und Tastenkürzel können je nach Chrome-Version und Plattform variieren. Orientiere dich daher an der sichtbaren Oberfläche deiner Installation. Für einen aussagekräftigen Vergleich kannst du den Seitenzustand vor und nach dem Deaktivieren von JavaScript festhalten und die übrigen Testbedingungen gleich lassen.