web-dev-qa-db-ja.com

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

GoogleにキーボードショートカットはありますかChromeこれはスクリプトの実行を中断しますか？（|| [デベロッパーツールのスクリプト]パネルの[スクリプトの実行を一時停止]ボタン。）

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

google-chromekeyboard-shortcutsweb-development
51
josh3736

この問題の正確な解決策は見つかりませんでしたが、目的を達成するためにページに挿入できる（またはJavaScriptコンソールに貼り付けられる）ワンライナーを思いつきました。

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

これにより、ヒットしたときに実行が一時停止します F12。

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

更新：開発ツールには多くの組み込みのショートカットがあります（ F1 リストの場合）、ただし、それらが機能するには、開発ツールウィンドウに集中する必要があります。スクリプト実行の一時停止は F8 （Chrome 45以降）の[ソース]タブを見ると） Ctrl+/。

上記のワンライナーは、一時停止する前にページに集中したままにする必要がある場合にも役立ちます。

60
josh3736

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

  • F8 または Ctrl+\ （ウィンドウズ）
  • F8 または Cmd+\ （マック）

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

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

15
alxndr

キーボードの[一時停止]ボタンを押してJavaScriptの実行を一時停止できるようにする拡張機能を簡単に書きましたChrome=

入手方法：

使用法：

  1. chrome開発者ツールを開いたままにする
  2. 押す pause/breakキーボード
9
SpareBytes

私のGoogle-fuを実行して、私は Chromeキーボードショートカット）の公式googleリスト を見つけました

専用のものはないようです。ただし、必要に応じて、キーの組み合わせを一時停止ボタンとして解釈するプラグインをいつでも作成できます。

0
technowizard12