Debugging Client Side JS
Debugging Client Side JS
Das Debuggen von Client-seitigem JS kann mühsam sein, da Sie jedes Mal, wenn Sie die URL ändern (einschließlich einer Änderung der verwendeten Parameter oder der Parameterwerte), den Haltepunkt zurücksetzen und die Seite neu laden müssen.
debugger;
debugger;Wenn Sie die Zeile debugger; in eine JS-Datei einfügen, wird der Browser beim Ausführen des JS an dieser Stelle den Debugger anhalten. Daher wäre eine Möglichkeit, konstante Haltepunkte zu setzen, alle Dateien lokal herunterzuladen und Haltepunkte im JS-Code zu setzen.
Überschreibungen
Browser-Überschreibungen ermöglichen es, eine lokale Kopie des Codes zu haben, der ausgeführt wird, und diesen anstelle desjenigen vom Remote-Server auszuführen. Sie können auf die Überschreibungen zugreifen unter "Dev Tools" --> "Sources" --> "Overrides".
Sie müssen einen lokalen leeren Ordner erstellen, um die Überschreibungen zu speichern, also erstellen Sie einfach einen neuen lokalen Ordner und setzen Sie ihn als Überschreibung auf dieser Seite.
Dann in "Dev Tools" --> "Sources" wählen Sie die Datei aus, die Sie überschreiben möchten, und mit einem Rechtsklick wählen Sie "Für Überschreibungen speichern".
Dies wird die JS-Datei lokal kopieren und Sie können diese Kopie im Browser ändern. Fügen Sie einfach den debugger;-Befehl an der gewünschten Stelle hinzu, speichern Sie die Änderung und laden Sie die Seite neu, und jedes Mal, wenn Sie auf diese Webseite zugreifen, wird Ihre lokale JS-Kopie geladen und Ihr Debugger-Befehl bleibt an seinem Platz:
Referenzen
Last updated
