Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog
Overview Open Chrome DevTools What's New in DevTools DevTools tips Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators Customize DevTools Engineering blog

Ignore List

Published on

Settings. Settings > Ignore List lets you configure the list of scripts the debugger ignores.

To enable or disable all ignore listing for the debugger:

  1. Open Settings.
  2. In the Ignore List tab, check or clear Settings. Settings > Checkbox. Enable Ignore Listing. This is the main switch for all ignore-listing capabilities.
The Enable Ignore Listing checkbox.

With ignore-listing enabled, you can further customize the list of scripts to ignore.

Ignore Chrome Extensions scripts

When using the Sources panel of Chrome DevTools to step through code, sometimes you pause on code that you don't recognize. You're probably paused on the code of one of the Chrome Extensions that you've installed.

In Settings. Settings > Ignore List, enable two checkboxes:

  • Checkbox. Enable Ignore Listing
    • Checkbox. Add content scripts to ignore list.
Settings DevTools to ignore extensions code.

Ignore known third-party scripts

To make the debugger skip known third-party scripts, check Settings. Settings > Ignore List > Checkbox. Automatically add known third-party scripts to ignore list.

Important

DevTools adds third-party scripts to the ignore list based on the x_google_ignoreList property in source maps. Frameworks and bundlers need to supply this information.

As of Chrome version 106, Angular v14.1.0 supports this feature. See Case Study: Better Angular Debugging with DevTools.

Ignore a custom list of scripts

To ignore a single script or a custom pattern of scripts:

  1. Check Settings. Settings > Ignore List > Checkbox. Enable Ignore Listing.
  2. In the Custom exclusion rules section, click Add pattern. Adding a custom pattern to the Ignore List.
  3. Specify the script name or a RegEx pattern of script names to ignore.
  4. Click Add to save changes.

Manage a custom list of ignored scripts

To enable or disable ignoring of a specific script or pattern of script names, in Settings. Settings > Ignore List > Custom exclusion rules, check or clear the Checkbox. checkbox next to the script or pattern.

A custom ignore list with a pattern or script names enabled.

To edit or remove a script or a pattern of script names, click Edit. or Delete. buttons that appear on hover.

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.