The built-in Developer Tools are particularly helpful when building and debugging web pages.

How to access Developer Tools:

  • Open a web page or a web app and select Tools > Developer Tools from the menu.
  • Open a web page or a web app and right-click on any page element and select Inspect Element from the context menu.
  • Use the F12 / ⇧⌘I shortcut to quickly open the Developer Tools.

How to reposition the Developer Tools:

  • After you have opened Developer Tools, click the vertical ellipsis button ( ⋮ ) and choose a docking option.