Es gibt eine Funktion von Chrome DevTools, mit der Sie:
- Sehen Sie sich den Code einer bestimmten Ressource an, die von der aktuellen Webseite verwendet wird (z. B. CSS und JavaScript).
- "Pretty Print" (Format für Lesbarkeit)
- Speichern Sie es auf der Festplatte
- Verwenden Sie diese gespeicherte Version, um die Live-Version auch bei Seitenaktualisierungen zu überschreiben.
Das letzte ist ziemlich großartig. Wenn Sie ein Problem debuggen, das nur auf der Live-Website auftritt, erhalten Sie ein Debugging-Tool, mit dem Sie dem Problem auf den Grund gehen können.
Wir werden diese Funktion hier verwenden, um einen seltsamen Fehler herauszufinden, den ich hatte.
Im Extremfall könnten Sie möglicherweise sogar DevTools als primären Code-Editor verwenden, da es in der Lage ist, Dateien wieder dem Speicherort Ihres eigentlichen Projekts auf der Festplatte zuzuordnen.