Vermeiden Sie schrittweise durch die javascript-Datei in den Chrome-Developer-Tools?

Frage ich mich, gibt es eine Möglichkeit auslassen, eine javascript-Datei aus Chrome Developer Tools-debugger, so wird es automatisch übersprungen werden alle Aufrufe an das Skript?

Ich Frage, weil meine Projekte enthalten oft große Bibliotheken wie jQuery. Wenn ich Schritt für Schritt durch javascript in Chrome Entwickler-Tools Debuggen, ich Schritt durch die jQuery-lib jedes mal, wenn ich eine jQuery-Aufruf in meinem script.

Ich am Ende mit breakpoints zu setzen, die eine Linie nach jedem Aufruf der jQuery-Objekt. Es ist die einzige Möglichkeit, die ich gefunden haben, zu überspringen, und es ist sehr ärgerlich.

  • Tun "step over" und "step-out" - Tasten nicht funktionieren, aus irgendeinem Grund?
  • Sie funktionieren, aber dann zu Zeiten, springt er wieder in die jQuery-Skript. Ich glaube, ich will es, zu viel zu arbeiten, wie Visual Studio-debugger.
  • Das ist anders - statt verstärkt mit F10/F11, hat man den Sinn der Methoden, die aufgerufen werden, und filtern jQuery (zum Beispiel). Die Frage ist, glaube ich, ob es irgendeine Art von Konfigurations-option, die Ihnen sagen, den debugger zu Schritt über einige Dateien automatisch, auch wenn F11 gedrückt wird, und die Antwort ist keine.
  • Beransky Stellt sich heraus, Sie treten aus, sobald ich die jQuery-script funktioniert einwandfrei. Es ist nicht perfekt, aber es holt mich hier raus so schnell ich kann wieder normal Debuggen. Wenn Sie Ihren Kommentar eine Antwort werde ich markieren Sie es als richtig
  • Dies ist die wahre. Ist eine Funktion wie, dass zu viel verlangt? Vielleicht bin ich zu viel verlangt 😉
  • Ich mag diese Funktion: Ermöglicht das ignorieren bestimmter JavaScript-Dateien beim Debuggen. Zum Beispiel, nicht anhalten, auf diese Datei
  • Es sieht aus wie einige Browser haben diese Funktion: stackoverflow.com/a/19032178/3408
  • Diese Funktion ist in der Entwicklung in chrome zur Verfügung und ist zu verwenden wie ein experiment. Siehe meine Antwort unten.

InformationsquelleAutor BumbleB2na | 2011-10-19
  1. 58

    UPDATE 2

    Es wurde eine Verbesserung in den user-flow der diese Funktion in den neuesten Versionen von chrome. Bitte https://developer.chrome.com/devtools/docs/blackboxing

    UPDATE 1

    Seit Chrome version 38, Sie müssen sich nicht mehr aktivieren Entwickler-Tools Experimenten.

    Unten, details sind nur für die Geschichte

    Dies ist möglich, jetzt in chrome version 30+.

    1. Aktivieren Sie "Enable Developer Extras Experimente" von chrome://flags/#enable-devtools-experiments. (Ja, Sie müssen zu geben, dass, wo du die URL eingeben)
    2. Relaunch chrome
    3. Klicken Sie auf Einstellungen-Symbol in der Chrome-Entwicklertools
    4. Gehen Sie zu Experimenten Abschnitt. Beachten Sie die WARNUNG 😉 und dann kreuzen Enable frameworks debugging support. (Vielleicht möchten Sie auch, um zu versuchen Show step-in candidates while debugging)
    5. Nun schließen Sie Chrome Dev Tools und wieder öffnen.
    6. Klicken Sie auf Einstellungen-Symbol in der Chrome-Entwicklertools
    7. Im Allgemeinen Bereich finden Sie "Überspringen Sie Schritt durch Quellen mit dem bestimmten Namen". Zecke, und geben regex für die javascript-Datei Namen, die Sie möchten, überspringen Sie Schritt in.

    Vermeiden Sie schrittweise durch die javascript-Datei in den Chrome-Developer-Tools?

    Quelle: Tipps und Tricks: Ignorieren-Bibliothek, code-debugging in Chrome

    • Ich habe diese Möglichkeit auf chrome 33.0 in ubuntu. Wer weiß, wie kann ich dies aktivieren?
    • Sie bedeuten, dass Sie nicht sehen chrome://flags/#enable-devtools-experiments?
    • Ich fand chrome://flags/#enable-devtools-Experimente und aktiviert ist es, aber nach dem Neustart/Neuladen chrome und gehen Sie zu dev tools Einstellungen, die ich absolut nicht über die "Skip-stepping durch Quellen mit dem bestimmten Namen" - option. Es ist nicht da. Bitte helfen Sie. Ich habe diese version von Chrome: 33.0.1750.154
    • Ich hoffe, Sie haben nicht verpasst, der 4. Schritt?
    • Hölle ja für diese Antwort. es war so ärgerlich, versucht setup, die aus einer million Methoden innerhalb der jquery-Bibliothek.
    • und für diejenigen Fragen, wenn Sie möchten, überspringen Sie mehrere Dateien, die das format für die regex ist wie folgt:.*jquery.*|.*react.*|.*underscore.*|.*dash.*|.*parse.*
    • Ich kann nicht finden, die Show step-in candidates while debugging option.
    • Haben Sie aktualisiert Ihr chrome? oder, dass die Funktion eventuell nicht auch noch die out-of-labs. So möchten Sie vielleicht, um Folgen von Schritt 1.
    • Die Antwort auf dieser Seite Punkte heraus, wie Sie tun es für diejenigen, die nicht finden können, die option wie oben beschrieben.
    • Der debugger nicht ignorieren, die Dateien überhaupt mit dieser Technik. Der einzige Unterschied, den ich sehe, ist "Das Skript ist blackboxed im debugger", wenn der debugger springt an, aber geht noch durch.

    InformationsquelleAutor IsmailS
  2. 13

    iSid ich möchte darauf hinweisen, dass ab Chrome 38, die Sie nicht mehr benötigen, um die devtools Experimente. Stattdessen, wenn Sie gerade gehen, um die F12-developer-tools -> Einstellungen -> allgemein -> Quellen, Sie werden sehen, das Letzte Element in es zu verwalten Rahmen blackboxing. Das gute ist, Sie können setup jedes framework auf einer eigenen Zeile, oder Sie können Sie werfen zusammen eine generische catch-all-Muster wie (firebug|eckig|knockout|jquery|bootstrap|modernizr|reagieren)

    • Dies sollte ein Kommentar auf die Antwort, die Sie sind, reagieren.
    InformationsquelleAutor Buvy
  3. 12

    Dinge sind ein wenig anders in der version 51.

    F12 drücken dann F1. Pick 'Blackboxing' aus dem Menü auf der linken Seite.

    Vermeiden Sie schrittweise durch die javascript-Datei in den Chrome-Developer-Tools?

    InformationsquelleAutor FrenkyB
  4. 2

    Unter Chrome v68, beim Debuggen auf .js-Datei, verwenden Sie Links klicken, um blackbox-Skript:

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

    InformationsquelleAutor Roger
  5. 0

    "Step Out" - button kann verwendet werden, um schnell Sie aus dem JQuery-code.

    • Dies ist nur die halbe Lösung, weil es wird nicht anhalten, wenn jQuery ruft eine callback-I bestanden haben (z.B. einen event-handler), die Häufig die Art von Sache, die ich bin versucht zu verfolgen.
    • Schritt ist meist nutzlos, wenn ich mich innerhalb eines jquery-lib Datei -- Schritt heraus oft lodert, die mich bis zum Ende des gesamten Skripts, sondern als Rückkehr mich zu der Zeile direkt nach dem jquery-lib eingegeben wurde.
    • stop downvoting nur weil es eine bessere Lösung, jetzt, 4 Jahre nachdem die Frage gepostet wurde.
    • Dies beantwortet nicht die Frage, und nicht wirklich, wir haben noch auf "Step-Out" eine Menge Zeit. Hängt auch davon ab, was jQuery für Sie tut.
    • das war die einzige option, um die Zeit (5 Jahre her).
    InformationsquelleAutor Dmitry B.
Schreibe einen Kommentar