Sofia Emelianova

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

To enable or disable all ignore listing for the debugger:

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

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

Ignore Chrome Extensions scripts

When using theSources panel of Chrome DevTools tostep 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.

InSettings >Ignore List, enable two checkboxes:

• Enable Ignore Listing
  • Add content scripts to ignore list.

Ignore known third-party scripts

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

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

For example, frameworks like Angular and Nuxt support this feature.

Ignore a custom list of scripts

By default, theDebugger ignores scripts from/node_modules/ and/bower_components/. To ignore an additional single script or a custom pattern of scripts:

1. CheckSettings >Ignore List >Enable Ignore Listing.
2. In theCustom exclusion rules section, clickAdd pattern.
3. Specify the script name or a regular expression of script names to ignore.
4. ClickAdd to save changes.

Manage a custom list of ignored scripts

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

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