Vermeiden Sie es, die JavaScript -Datei in Chrome -Entwickler -Tools zu durchsuchen?

Question

Ich frage mich, gibt es eine Möglichkeit, eine JavaScript -Datei aus dem Debugger von Chrome Developer Tools wegzulassen, sodass sie automatisch alle Funktionen überspringen, die an diesem Skript getätigt wurden.

Ich frage, weil meine Projekte oft große Bibliotheken wie JQuery enthalten. Wenn ich JavaScript in Chrome Developer Tools beim Debuggen durchläufe, muss ich jedes Mal, wenn ich einen Jquery -Anruf in meinem Skript tätige, durch JQuery's LiB treten.

Am Ende muss ich nach jedem Aufruf an das JQuery -Objekt eine Zeile einstellen. Nur so habe ich festgestellt, dass ich vorbeigesprungen habe, und es ist sehr nervig.

Answer 1

Update 2
In den neuesten Versionen von Chrome wurde der Benutzerfluss dieser Funktion verbessert. Bitte beziehen Sie sich auf https://developer.chrome.com/devtools/docs/blackboxing

Update 1
Seit Chrome Version 38 müssen Sie Entwickler -Tools -Experimente nicht mehr aktivieren.

Die folgenden Details sind nur für die Geschichte vorhanden

Dies ist jetzt in Chrome Version 30+ möglich.

1. Aktivieren Sie "Entwickler -Tools -Experimente aktivieren" von chrome://flags/#enable-devtools-experiments. (Ja, Sie müssen das dort eingeben, wo Sie die URL eingeben.)
2. Relaunch Chrome
3. Klicken Sie in Chrome Developer Tools auf Einstellungssymbol
4. Gehen Sie zu Experimentenabschnitt. Beachten Sie die Warnung;) und dann ticken Enable frameworks debugging support. (Vielleicht möchten Sie es auch versuchen Show step-in candidates while debugging)
5. Jetzt verchrome Entwicklerwerkzeuge schließen und öffnen Sie es erneut.
6. Klicken Sie in Chrome Developer Tools auf Einstellungssymbol
7. Im allgemeinen Abschnitt finden Sie "Überspringen Sie Quellen mit bestimmten Namen". Ankreuzen und bereitstellen Regex Für die JavaScript -Dateinamen, in die Sie überspringen möchten.

Quelle: Tipps und Tricks: Bibliothekscode beim Debuggen in Chrome ignorieren

Answer 2

Ich möchte darauf hinweisen, dass Sie nach Chrom 38 die Devtools -Experimente nicht mehr aktivieren müssen. Wenn Sie stattdessen direkt zu den F12 Developer Tools -> Einstellungen -> Allgemein -> Quellen gehen, sehen Sie das letzte Element dort, in dem das Framework Blackboxing verwaltet wird. Das Gute daran ist, dass Sie jedes Framework auf seiner eigenen Zeile einrichten oder ein generisches Fang alle Muster wie (Firebug | Angular | Knockout | jQuery | Bootstrap | Modernizr | reagieren) zusammenwerfen können.

Answer 3

Die Dinge sind in der Version 51 ein bisschen anders.

Drücken Sie F12 dann F1. Wählen Sie "Blackboxing" aus dem Menü links.

Answer 4

Unter Chrome V68 verwenden Sie beim Debuggen in einer .js -Datei mit linksklick zum BlackBox -Skript:

https://developer.chrome.com/devtools/docs/blackboxing

Answer 5

Die Schaltfläche "Schritt out" kann verwendet werden, um Sie schnell aus dem JQuery -Code herauszuholen.