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 Settings… (or press ⌘ ,) go to the Advanced pane check the Show features for web developers checkbox Show Web Inspector (or press ⌥ ⌘ I) from the Develop menu or by right-clicking […]
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.