スクリプトの実行を一時停止するChromeキーボードショートカット


48

Google Chromeにスクリプトの実行を中断するキーボードショートカットはありますか?(||開発者ツールの[スクリプト]パネルで[スクリプトの実行を一時停止]ボタンを押すのと同じです。)

開発ツールを使用して、マウスオーバー状態の要素を検査したいと思います。mouseleave実際に一時停止ボタンをクリックしようとすると、コードが明らかに実行されます!

回答:


56

この問題の正確な解決策は見つかりませんでしたが、目標を達成するためにページに配置できる(またはJavascriptコンソールに貼り付ける)ことができるワンライナーを思い付きました。

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

これにより、を押すと実行が一時停止しますF12

debuggerブレークポイントを強制するJavaScriptステートメントです。)


更新: Dev Toolsには多くの組み込みショートカット(F1リストを押す)がありますが、それらを機能させるにはDev Toolsウィンドウに集中する必要があります。スクリプト実行の一時停止はF8(Chrome 45の時点で[ソース]タブを表示しているとき)またはCtrl+ /です。

一時停止する前にページに集中し続ける必要がある場合は、上記の1行のライナーがまだ役に立つかもしれません。


6
F8は、DevTools(Chrome 40)の「ソース」ページにいる場合にのみ機能します
-netvope

1
CTRL + /はLinuxなどで動作しますか?CTRL + \はWindowsで動作するように見えるため、他のユーザーによるとMACの場合はCMD + \になります。
ジャブラハム

1
同じ効果が、jQueryのを必要としない:window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
pau.moreno

イベントホットキーが検査したい要素を閉じることがあり、setTimeout(function() { debugger; }, 1000)ここで役立ちます
-cyptus

14

「スクリプトの実行を一時停止/再開」するためのGoogleのキーボードショートカットリファレンスリスト:

  • F8またはCtrl+ \(Windows)
  • F8またはCmd+ \(Mac)

ホバーやアクティブなどの奇妙な状態の物を検査する簡単な方法があります。最初に、Chrome Dev ToolsのElementsペインでDOMノードを見つけます。これで、ノードを右クリックしてコンテキストメニューの[要素の強制状態]を確認するか、ノードを選択して[スタイル]タブを確認し、右上にマウスポインター付きの破線のアイコンを見つけることができます。 (+ / plusアイコンの隣にある新しいCSSルールをelement.style選択した要素に追加できます)。

これらの状態のいずれかをアクティブにすると、要素ペインの左マージンに小さな円が表示され、その行の要素の自然状態がオーバーライドされたことを示します。


3
F8は、メインブラウザーウィンドウでは機能せず、開発ツールウィンドウでのみ機能します。強制的に要素状態を使用することは、何かを実行している(CSSだけでなく)イベントをリッスンするスクリプトの場合は役に立ちません。
josh3736 14年

3
F8はメインブラウザーウィンドウで動作しますが、バックグラウンドで[ソース]タブを開くには[開発ツール]ウィンドウを開く必要があります。
-reor

8

キーボードの[一時停止]ボタンを押してJavaScriptの実行を一時停止できる小さなChrome拡張機能を簡単に作成しました

入手方法:

使用法:

  1. Chrome開発者ツールを開いたままにします
  2. pause/breakキーボードを押す

1
@ Flu、Chromeウェブストアに追加しました。お楽しみ
SpareBytes

これはうまく機能しました。一時停止して、ページに動的に挿入されるHTMLを調べることができました。HTMLがフォーカスを失ったときにコードによって削除されていたため、開発者ツールの使用は機能しませんでした。
ケニーエビット

私のキーボードには「一時停止/中断」ボタンがないため、別のキーにマッピングする必要がありました。私にとってすぐに明らかではなかったのは、「コンボを保存」ボタンをクリックする間、新しいキーの組み合わせを押し続ける必要があるということです。
ジャスパーシティ

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.