Chrome開発者ツールでJavaScriptファイルを介してステップしないでください。
-
27-10-2019 - |
質問
Chrome Developer Tools DebuggerからJavaScriptファイルを省略する方法はあるので、そのスクリプトに作成された関数呼び出しを自動的にスキップしますか?
私のプロジェクトにはjqueryなどの大規模なライブラリが含まれることが多いため、私は尋ねます。デバッグ中にChrome開発者ツールでJavaScriptをステップスルーするとき、スクリプトでjQueryの電話をかけるたびにjqueryのlibを踏む必要があります。
jQueryオブジェクトに呼び出されるたびに、ブレークポイントを1行を1行に設定する必要があります。それは私が過去をスキップすることを見つけた唯一の方法であり、それは非常に迷惑です。
解決
更新2
Chromeの最新バージョンでは、この機能のユーザーフローが改善されています。参照してください https://developer.chrome.com/devtools/docs/blackboxing
更新1
Chromeバージョン38以来、開発者ツールの実験を有効にする必要はありません。
以下の詳細は歴史のみです
これは現在、Chromeバージョン30+で可能です。
- 「開発者ツールの実験を有効にする」
chrome://flags/#enable-devtools-experiments
. 。 (はい、URLを入力する場所に入力する必要があります) - リニューアルクロム
- Chrome開発者ツールの設定アイコンをクリックします
- 実験セクションに移動します。警告に注意してください;)そして次にチェックします
Enable frameworks debugging support
. 。 (あなたも試してみたいかもしれませんShow step-in candidates while debugging
) - 次に、Chrome開発ツールを閉じて再び開きます。
- Chrome開発者ツールの設定アイコンをクリックします
- 一般的なセクションでは、「特定の名前のソースを介したスキップスキップ」が見つかります。それをチェックして提供します 正規表現 ステッピングをスキップしたいJavaScriptファイル名の場合。
他のヒント
ISID Chrome 38の時点では、DevToolsの実験を有効にする必要がなくなったことを指摘したいと思います。代わりに、F12開発者ツールに直接移動する場合 - >設定 - >一般 - >ソースで、最後のアイテムがManage Framework Blackboxingです。良い部分は、それ自体のラインで各フレームワークをセットアップするか、すべてのパターンのような一般的なキャッチを一緒にスローできることです(firebug | angular | knockout | jquery | bootstrap | Modernizr | Respons)
Chrome V68の下で、.JSファイルでデバッグしながら、左クリックを使用してBlackboxスクリプトを使用します。
「ステップアウト」ボタンを使用して、jQueryコードからすばやく抜け出すことができます。