無視リスト

Sofia Emelianova

[設定] > [無視リスト] を使用すると、debuggerが無視するスクリプトのリストを設定できます。

デバッガのすべての無視リストを有効または無効にするには:

1. [設定] を開きます。
2. [Ignore List] タブで、 [Settings] > [Enable Ignore Listing] チェックボックスをオンまたはオフにします。これは、すべての無視リスト機能のメインスイッチです。

無視リストを有効にすると、無視するスクリプトのリストをさらにカスタマイズできます。

Chrome 拡張機能のスクリプトを無視する

Chrome DevTools の [Sources] パネルを使用してコードをステップ実行しているとき、見覚えのないコードの処理が止まってしまうことがあります。インストールした Chrome 拡張機能のコードで一時停止していると思われます。

[設定] > [無視リスト] で、次の 2 つのチェックボックスをオンにします。

• リスティングの無視を有効にする
  • 無視リストにコンテンツ スクリプトを追加する。

既知のサードパーティ スクリプトを無視する

デバッガで既知のサードパーティ スクリプトをスキップするには、 [設定] > [無視リスト] > [既知のサードパーティ スクリプトを無視リストに自動追加] チェックボックスをオンにします。

DevTools がソースマップの ignoreList プロパティに基づいて、無視リストにサードパーティ スクリプトを追加します。フレームワークとバンドラはこの情報を提供する必要があります。

たとえば、Angular や Nuxt などのフレームワークでこの機能がサポートされています。

スクリプトのカスタムリストを無視する

デフォルトでは、Debugger は /node_modules/ と /bower_components/ のスクリプトを無視します。追加の 1 つのスクリプトまたはカスタム パターンのスクリプトを無視するには:

1. [設定] > [無視リスト] > [リスティングの無視を有効にする] チェックボックスをオンにします。
2. [カスタム除外ルール] セクションで、[パターンを追加] をクリックします。
3. 無視するスクリプト名またはスクリプト名の正規表現を指定します。
4. [Add] をクリックして変更を保存します。

無視するスクリプトのカスタムリストを管理する

特定のスクリプトまたはスクリプト名のパターンの無視を有効または無効にするには、 [設定] > [無視リスト] > [カスタム除外ルール] で、スクリプトまたはパターンの横にある チェックボックスをオンまたはオフにします。

スクリプトまたはスクリプト名のパターンを編集または削除するには、カーソルを合わせたときに表示される ボタンまたは ボタンをクリックします。