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.](../../../../_images/pageinspector1.png)
You can also set the pane to appear at the left side of the browser window:
![../../../../_images/inspector_leftside.png](../../../../_images/inspector_leftside.png)
To the right side of the browser window:
![../../../../_images/inspector_rightside.png](../../../../_images/inspector_rightside.png)
Or in a separate window:
![../../../../_images/inspector_sidexside.png](../../../../_images/inspector_sidexside.png)
To start finding your way around the Inspector, see the UI tour.