Console Snippets
Console Snippets are JavaScript resources created in and persisted by Web Inspector for evaluating pre-written JavaScript code in the Console, instead of having to write the (same) JavaScript code over and over (or copying and pasting).
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.
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 […]
Web Inspector Settings
Developers often have varying preferences or workflows that can significantly affect their productivity.
Device Settings
If you’ve ever used Web Inspector before, chances are you’ve used (or are at least familiar with) the Develop menu.
Console Object API
The console object is arguably one of the most useful debugging tools available for JavaScript.
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.