web-dev-qa-db-de.com

Chrome-Tastaturkürzel zum Unterbrechen der Skriptausführung

Gibt es eine Tastenkombination in Google Chrome, die die Skriptausführung unterbricht? (Entspricht dem Drücken der || "Skriptausführung anhalten" -Schaltfläche im Developer Tools-Skriptfenster.)

Ich möchte die Dev Tools verwenden, um ein Element im Mouseover-Status zu untersuchen. Der mouseleave-Code wird offensichtlich ausgeführt, wenn ich versuche, tatsächlich auf die Pause-Schaltfläche zu klicken!

46
josh3736

Obwohl ich keine genaue Lösung für dieses Problem gefunden habe, habe ich mir einen Einzeiler ausgedacht, der in eine Seite eingefügt (oder in die Javascript-Konsole eingefügt) werden kann, um mein Ziel zu erreichen:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

Dadurch wird die Ausführung angehalten, wenn Sie auf drücken F12.

( debuggerNAME _ ist eine JavaScript-Anweisung, die einen Haltepunkt erzwingt.)


Update: Dev Tools hat viele eingebaute Verknüpfungen (drücken Sie F1 (für eine Liste), aber Sie müssen sich auf das Dev Tools-Fenster konzentrieren, damit sie funktionieren. Anhalten der Skriptausführung ist F8 (auf der Registerkarte "Quellen" ab Chrome 45) oder Ctrl+/.

Der obige Einzeiler kann dennoch nützlich sein, wenn Sie sich vor dem Anhalten auf die Seite konzentrieren müssen.

55
josh3736

Googles Tastaturkürzel-Referenz listet auf für "Skriptausführung anhalten/fortsetzen":

  • F8 oder Ctrl+\ (Windows)
  • F8 oder Cmd+\ (Mac)

Es gibt einfachere Möglichkeiten, Dinge in ungewöhnlichen Zuständen wie Schweben oder Aktiv zu untersuchen. Suchen Sie zunächst den DOM-Knoten im Bereich "Elemente" der Chrome Dev Tools. Jetzt können Sie entweder mit der rechten Maustaste auf den Knoten klicken und den "Elementstatus erzwingen" im Kontextmenü anzeigen oder den Knoten auswählen und auf der Registerkarte "Stile" das Symbol für das gestrichelte Kästchen mit dem Mauszeiger oben rechts suchen (Neben dem +/plus-Symbol, mit dem Sie dem ausgewählten Element element.style eine neue CSS-Regel hinzufügen können).

Wenn Sie einen dieser Zustände aktivieren, wird am linken Rand des Elementfensters ein kleiner Kreis angezeigt, der angibt, dass Sie den natürlichen Zustand des Elements in dieser Zeile überschrieben haben.

12
alxndr

Ich habe eine kurze kleine Chrome-Erweiterung geschrieben, mit der Sie die Pause-Taste auf Ihrer Tastatur drücken können, um die Ausführung von Javascript anzuhalten

Wie man es bekommt:

Verwendungszweck:

  1. Lassen Sie die Chrome-Entwicklertools geöffnet
  2. Drücken Sie pause/break auf Ihrer Tastatur
8
SpareBytes

Als ich mein Google-fu ausübte, fand ich die offizielle Google-Liste der Chrome-Tastaturkürzel

Es scheint nicht so, als ob es eine gibt, die sich dem widmet. Sie können jedoch jederzeit ein Plugin schreiben, das eine Tastenkombination als Pause-Schaltfläche interpretiert, wenn Sie dies wünschen.

0
technowizard12