Debuggen cache-busted Skripte in der Produktion
Ich arbeite an einem Front-End-Projekt (JavaScript-Dateien) und der Server fügt am Ende der URL einen Cache-Busting-Wert hinzu, z. B. http://www.example.com/myfile.js&bust=0.5647534393
Mein Problem ist, dass ich nach dem erneuten Laden die in den Chrome-Entwicklertools festgelegten Haltepunkte verliere. Ich habe keinen Zugriff auf den Server, um ihn zu deaktivieren.
Gibt es eine Möglichkeit, diese Einschränkung zu umgehen?
UPDATE: Das Hinzufügen von debugger; zum JS-Quellcode ist keine praktikable Lösung, weil ich Produktionscode debugge.
2 Antworten
Sie können ein Chrome-Plug-in mit URL-Rewrite wie Requestly verwenden und eine Weiterleitungsregel für Ihre Skripts hinzufügen.
Sie können Regeln wie:
angeben 
Ich gehe davon aus, dass wenn Sie den ?bust=xxxx -Teil von der URL entfernen, der Server immer noch die korrekte Skriptdatei liefert. Ich habe es getestet und es funktioniert wie ein Zauber in meiner lokalen Testumgebung - die Haltepunkte bleiben bestehen.
Ich hoffe, es hilft.
Sie können debugger; in Ihrem Code verwenden. Wenn die Entwicklerkonsole geöffnet ist, wird die Ausführung abgebrochen. Es funktioniert auch in firebug.
Tags und Links javascript google-chrome-devtools