Wie deaktiviere ich externes CSS in Webbrowsern zum Testen?

Deaktivieren von externem CSS in Webbrowsern zum Testen

Beim Testen der Kernfunktionalität einer Webseite kann es nützlich sein, externes CSS zu deaktivieren um das Layout und die Funktionalität der Seite ohne die visuellen Verbesserungen durch Stylesheets zu überprüfen. So deaktivieren Sie externes CSS in gängigen Browsern:

Chrome/Chromium

1. Öffnen Sie die Entwicklerkonsole (Strg-Umschalttaste J).
2. Navigieren Sie zur Registerkarte „Quellen“.
3. Klicken Sie auf das Dreiecksymbol in der oberen linken Ecke.
4. Erweitern Sie die Ordner für Ihre Domain und CSS und wählen Sie die CSS-Dateien aus, die Sie deaktivieren möchten .
5. Markieren und löschen Sie den Inhalt jedes Stylesheets.

Firefox

1. Öffnen Sie die Webkonsole (Strg-Umschalt-K) .
2. Geben Sie den folgenden Befehl ein: document.documentElement.style.sheet.cssText = ""
3. Drücken Sie die Eingabetaste.

Safari

1. Öffnen Sie das Entwicklungsmenü (Befehlsoption E).
2. Wählen Sie „Stile deaktivieren“ im Abschnitt „Erweitert“.

Microsoft Edge

1. Öffnen Sie die Entwicklertools (F12).
2. Navigieren Sie zur Registerkarte „Stile“.
3. Wählen Sie die CSS-Dateien aus, die Sie deaktivieren möchten, und klicken Sie auf die Schaltfläche „Deaktivieren“.

Hinweis: Diese Methoden deaktivieren vorübergehend nur die ausgewählten CSS-Dateien. Um die Stylesheets wiederherzustellen, aktualisieren Sie einfach die Seite oder aktivieren Sie sie in den Browsereinstellungen erneut.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich externes CSS in Webbrowsern zum Testen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!