So laden Sie CSS-Dateien dynamisch in Chrome für ein effizientes Debugging neu
Das Debuggen von CSS-Änderungen kann frustrierend sein, wenn Chrome die ursprüngliche CSS-Datei zwischenspeichert. Um die aktualisierte CSS-Datei neu zu laden, ohne die Anwendung manuell anzuhalten und neu zu starten, gibt es einige effektive Methoden.
Methode 1: Neuladen von Verknüpfungen erzwingen
-
Windows: Drücken Sie STRG UMSCHALTTASTE R.
-
OS 🎜>Dadurch wird Chrome gezwungen, alle Seitenressourcen, einschließlich aktualisiertem CSS, neu zu laden Dateien.Methode 2: Deaktivieren des Caches in den Entwicklertools
Öffnen Sie die Entwicklertools von Chrome, indem Sie
STRG
UMSCHALTTASTE
C.
Klicken Sie auf Klicken Sie auf das „Zahnrad“-Symbol und aktivieren Sie „Cache deaktivieren“.
-
Dadurch wird verhindert, dass Chrome Assets, einschließlich CSS-Dateien, zwischenspeichert. Es handelt sich jedoch um eine vorübergehende Lösung und muss manuell erneut aktiviert werden.Methode 3: Inkognito-Modus verwenden
- Stellen Sie in Visual Studio die Option „Start“ ein Pfad „Externes Programm“ zu Chrome mit „-incognito“ als Befehlszeilenargument. Dadurch wird Chrome im Inkognito-Modus gestartet, wodurch das Caching automatisch deaktiviert wird.
Zusätzliche Tipps:
Stellen Sie sicher, dass sich Inline-CSS in .aspx ändert Dateien werden abgeholt, da sie nicht zwischengespeichert werden.
- Wenn Sie eine GET-Anfrage über einen Hyperlink stellen, könnte das Stylesheet nicht nachgeladen werden. Mit F5 kann ein vollständiges Neuladen der Seite mit CSS-Updates erzwungen werden.
Für das Neuladen von JS-Dateien verwenden Sie dieselben Verknüpfungen oder deaktivieren Sie das Caching in den Entwicklertools.
Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Dateien in Chrome dynamisch neu laden, um das Debuggen zu beschleunigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!