Timelines Tab

Timelines Tab

The Timelines Tab contains all of the performance profiling and introspection tools provided by Web Inspector, organized into different timelines each with their own area of interest and specialized interface.

Read more

Audit Tab

Audit Tab

The Audit Tab contains collections of audits, each of which can be run against the inspected page to check for incorrect DOM structure, missing accessibility attributes, correct design system rules, and much more.

Read more

Web Inspector Settings

Web Inspector Settings

Developers often have varying preferences or workflows that can significantly affect their productivity.

Read more

URL Breakpoints

URL Breakpoints

URL Breakpoints can be useful when debugging network requests initiated from a JavaScript API, such as XMLHttpRequest or fetch.

Read more

Sources Tab

Sources Tab

The Sources Tab is the one-stop shop for all things related to the inspected target’s resources, including dynamic resources from things like XMLHttpRequest or fetch.

Read more

Script Blackboxing

Script Blackboxing

Often when debugging a website that uses JavaScript libraries/frameworks, the JavaScript debugger will still pause JavaScript execution in the JavaScript library/framework.

Read more

JavaScript Breakpoints

JavaScript Breakpoints

If you’ve ever used Xcode to debug an application, Web Inspector supports many of the same features, including setting breakpoints.

Read more

Inspector Bootstrap Script

Inspector Bootstrap Script

The Inspector Bootstrap Script is a JavaScript snippet created in and persisted by Web Inspector that is guaranteed to be the first script evaluated after any new JavaScript global object is created in any page, including <iframe>, regardless of URL, so long as Web Inspector is open.

Read more

Event Breakpoints

Event Breakpoints

Event Breakpoints can be useful when debugging DOM interactions in JavaScript.

Read more

DOM Breakpoints

DOM Breakpoints

DOM Breakpoints can be useful when debugging DOM modifications in JavaScript.

Read more

Device Settings

Device Settings

If you’ve ever used Web Inspector before, chances are you’ve used (or are at least familiar with) the Develop menu.

Read more

Console Object API

Console Object API

The console object is arguably one of the most useful debugging tools available for JavaScript.

Read more