Web Inspector Interface

Web Inspector Interface

Web Inspector is divided into six main areas.

Read more

Enabling Web Inspector

Enabling Web Inspector

macOS To enable Web Inspector in Safari (or Safari Technology Preview): click the Safari (or Safari Technology Preview) menu bar item select Preferences… (or press ⌘ ,) go to the Advanced pane check the Show Develop menu in menu bar checkbox Show Web Inspector (or pressing ⌥ ⌘ I) in the Develop menu or by […]

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