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

Web Inspector Interface

Web Inspector Interface

Web Inspector is divided into six main areas.

Read more

Keyboard Shortcuts

Keyboard Shortcuts

Web Inspector Open / Close Web Inspector ⌥ ⌘ I Connect / Disconnect Web Inspector ⌥ ⇧ ⌘ I Go to file or resource… ⇧ ⌘ O or ⌘ P Reload Reload inspected page ⌘ R Reload inspected page from origin ⌥ ⌘ R Appearance Docking Configuration Switch to previous docking configuration ⇧ ⌘ D Zoom Increase zoom ⌘ + or ⇧ ⌘ + Decrease zoom ⌘ – or ⇧ ⌘ – Reset […]

Read more

Web Inspector Settings

Web Inspector Settings

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

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

Console Command Line API

Console Command Line API

One of the most useful parts of Web Inspector is being able to generate interactive visualizations of any value in the Console.

Read more