クロムのデバッガーで一時停止しましたか?


131

Chromeでデバッグする場合、ブレークポイントが設定されていなくても、スクリプトは常にデバッガーで一時停止されます。一時停止が一時停止されていない場合、スクリプトは再び一時停止します。

何ができますか?


回答:


198

考えられる原因の1つは、「例外で一時停止」(ウィンドウの左下にある一時停止(||)記号の付いた小さな一時停止標識のアイコン)を有効にしたことです。クリックしてオフ/グレーの状態(赤でも青でもない状態)に戻り、ページを再読み込みしてください。

更新:参照用のスクリーンショットを追加:

ここに画像の説明を入力してください


1
クリックする場所を知っておく必要がある場合もあります。
Darshan Thanki

@DavidJアイコンのスクリーンショットを追加しました。
RubenGeert 2013年

どうもありがとうございます。それは私を苛立たせ始めていました。そのボタンをクリックしたのを覚えていません。
dminer 2013年

1
例外で一時停止することは、問題(@Luja)でも問題(@ Bosworth99)でも、イライラするもの(@dminer)でもありません。これはデバッグに非常に役立つ機能です。devTools UIですべてのオプションを表示して快適に使用できるようになるまで、数時間(または経験によってはそれ以下)かかります。今回投資してください!これは、日常のデバッグルーチンで非常に役立ちます。
CodeVortex

4
@CodeVortex何かが便利だからといって、それが今したくないことをしていてそれを止める方法がわからなくても、問題が発生するのを止めることはありません。
ジェシカB

99

私の場合、設定でAny XHRフラグをtrueにXHR Breakpoints設定し、Chromeの開発ツールの[ソース]タブからアクセスできました。

Chrome Dev ToolsのXHRフラグ

オフにすると、Chromeは通常どおり機能します。


4
それは私が抱えていたのと同じ問題でした
ジンボジョーンズ

ここでも同じ問題です、ありがとう-これは私を狂わせていました。
zigojacko 2015年

3
あなたは私の命を救った:-)
Alex


私はアニメーションでそれを持っていました-これを読むまで私を狂わせました、ありがとう!
asimovwasright 2016

32

これも問題を引き起こす可能性があります

右上のブレークポイントのアイコンはこのように青くなっているはずです

ここに画像の説明を入力してください

このように灰色にしないでください

ここに画像の説明を入力してください


1
ページロード時のブレークポイントではなく、任意のブレークポイントでの停止が無効になるため、これは誤解を招く可能性があります。したがって、これにより、必要なブレークポイントも防止されます。実際の問題は、右上のボタンではなく、左下の[Any XHR]チェックボックスがオンになっていることです。
k0pernikus

12

そして、以下のいくつかのオプションがあります、いくつかをチェックした場合、条件がアクティブなときに、ブレークポイントデバッガーもアクティブになります


11

ソースに移動するここに画像の説明を入力してくださいと、DevToolsの下部に一時停止ボタンが表示されます。基本的に、jsファイルのデバッグ中にDevToolsに3つの可能な一時停止オプションがあります。

  • 例外(ここに画像の説明を入力してください)で一時停止しないでください:

    「例外時に一時停止しない」がアクティブであるかのように、一時停止ボタンは灰色になります。 ここに画像の説明を入力してください

  • すべての例外で一時停止(ここに画像の説明を入力してください):

    「すべての例外で一時停止」がアクティブであるかのように、一時停止ボタンは青色になります。 ここに画像の説明を入力してください

  • キャッチされない例外で一時停止する(ここに画像の説明を入力してください):

    一時停止ボタンは、「キャッチされなかった例外で一時停止」がアクティブであるかのように紫色になります。 ここに画像の説明を入力してください

この場合、一時停止したくない場合は、[例外時に一時停止しない]を選択します。選択するには、一時停止ボタンを灰色になるまで切り替えますここに画像の説明を入力してください


3
スクリーンショットをありがとう!
Maksym 2013年

ありがとうございました!どちらがどれかを明確に示してこれに答えたのはあなただけです。ツールチップは混乱はない、助けになるはずです:それは灰色のため、無効だと、ツールチップがトグルが少ないばかげたためにツールチップ「例外の一時停止」...と言う(「。例外で一時停止トグルにクリックしないでください」)は
ユルゲンA.エアハルト2017年

7

ここに画像の説明を入力してください

うん。私は今日、Chrome開発ツールを学習しているだけです。同じことがわかりました。上記が失敗した場合は、ここに示されている領域を拡大して、設定して忘れていたブレークポイントを探してください。



3

[設定]アイコンをクリックしてから、[デフォルトに戻して再読み込み]ボタンをクリックします。これは私にとってはうまくいきましたが、受け入れられた答えはうまくいきませんでした。Google Chromeをデフォルトに戻し、再読み込み


私は同じ経験を持っていた、と私は狂気の丸薬を取っていたように感じた:cl.ly/f4Jj ザ・は私のためにこれを固定設定で「デフォルトに戻します」。それが何であるかはわかりませんが、Canaryでは起こらなかったので、それがChromeの開発ツールに固有の何かであることがわかりました。
Brandon Aaskov 2016


2

私がそれに遭遇した本当にばかげた問題は私をここでデバッガーに導きました。コマンド。:"デバッガ;" 時計がセットされています。

それはちょうどデバッガーを言ったページを引き起こしました。すべてのページ読み込みの間に表示されます。

これを無効にする方法は、上記のウォッチを右クリックして[ウォッチ式の削除]をクリックするだけです。


2

それは本当に悪い経験です。上記の答えがうまくいかない場合は、これを試してください。

[設定]アイコンをクリックしてから、[デフォルトに戻して再読み込み]ボタンをクリックします。

正常になるまで「F8」を押します。

ハッピーコーディング!!


1

別のユーザーがこれについて少し詳しく説明しましたが、2日間で約3回ここに戻るまで見逃しました-

設定できる他のブレークポイントのリストを含むEventListenerブレークポイントというタイトルのセクションがあります。偶然に、DOMの何かがオーバーライドされたときに通知するDOMミューテーションで、そのうちの1つを有効にしたことがあります。残念ながら、これが原因で、自分のマシンにすぎないことに気付く前に、多数のプラグインとアドオンを無効にしてしまいました。これが他の誰かを助けることを願っています。


0

Chrome開発者コンソールのブレークポイントに移動し、右クリックしてブレークポイントを削除するだけです。シンプル。


0

forループに構文エラーがありました。これにより、一時停止エラーが発生しました。



0

これは私に起こっていました。bodyタグのサブツリーの変更にブレークポイントがあり、ブレークポイントを削除するたびに、更新した後に戻ってきました。私はとても混乱し、すべてのDOMブレークポイントを削除しましたが、ファントムボディのサブツリー変更ブレークポイントが繰り返し表示されました。結局、私はキャッシュをリロードしました、そして、彼らは姿を消しました。

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