Web Inspector Interface
Web Inspector is divided into six main areas.
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 […]
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.