無視リスト

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

[リスティングを無視する] チェックボックス。

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

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

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

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

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

拡張機能のコードを無視するように DevTools を設定します。

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

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

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

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

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

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

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

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

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

パターン名またはスクリプト名を有効にしたカスタム無視リスト。

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