Open the Inspector

There are two main ways to open the Inspector:

  • Choose Tools > Web Developer > Inspector from the Menu Bar or the equivalent keyboard shortcut.

  • Right-click an element on a web page and select Inspect Element.

The Inspector will appear at the bottom of the browser window:

The all-new Inspector in Firefox 57 DevTools.

You can also set the pane to appear at the left side of the browser window:

../../../../_images/inspector_leftside.png

To the right side of the browser window:

../../../../_images/inspector_rightside.png

Or in a separate window:

../../../../_images/inspector_sidexside.png

To start finding your way around the Inspector, see the UI tour.