Debugging Client Side JS
Debugging Client Side JS
Das Debuggen von clientseitigem JS kann mühsam sein, da du jedes Mal, wenn du die URL änderst (einschließlich einer Änderung der verwendeten Parameter oder Parameterwerte), den Breakpoint zurücksetzen und die Seite neu laden musst.
debugger;
debugger;Wenn du die Zeile debugger; in eine JS-Datei einfügst, wird der Debugger an dieser Stelle stoppen, wenn der Browser das JS ausführt. Daher wäre eine Möglichkeit, konstante Breakpoints zu setzen, alle Dateien lokal herunterzuladen und Breakpoints im JS-Code zu setzen.
Overrides
Browser-Overrides ermöglichen es, eine lokale Kopie des Codes zu haben, die ausgeführt wird, und diese anstelle der vom Remote-Server auszuführenden zu verwenden. Du kannst die Overrides in "Dev Tools" --> "Sources" --> "Overrides" zugreifen.
Du musst einen lokalen leeren Ordner erstellen, der zum Speichern der Overrides verwendet wird, also erstelle einfach einen neuen lokalen Ordner und setze ihn als Override auf dieser Seite.
Wähle dann in "Dev Tools" --> "Sources" die Datei aus, die du überschreiben möchtest, und wähle mit Rechtsklick "Für Overrides speichern".
Dies wird die JS-Datei lokal kopieren und du wirst in der Lage sein, diese Kopie im Browser zu ändern. Füge einfach den debugger; Befehl überall dort hinzu, wo du möchtest, speichere die Änderung und lade die Seite neu, und jedes Mal, wenn du auf diese Webseite zugreifst, wird deine lokale JS-Kopie geladen und dein Debugger-Befehl an seinem Platz beibehalten:
References
Last updated
