blob: 4e8fac602ba0bc3c53e0665a543ba149be9e038d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
==================
Open the Inspector
==================
There are two main ways to open the Inspector:
- Select the *Inspector* panel in the Web Developer Tools, accessible from the Browser Tools submenu
- Right-click an element on a web page and select *Inspect Element*.
The Inspector will appear at the bottom of the browser window:
.. image:: pageinspector.png
:alt: The all-new Inspector in Firefox 57 DevTools.
:class: center
You can also set the pane to appear at the left side of the browser window:
.. image:: inspector_leftside.png
:class: center
To the right side of the browser window:
.. image:: inspector_rightside.png
:class: center
Or in a separate window:
.. image:: inspector_sidexside.png
:class: center
To start finding your way around the Inspector, see the :doc:`UI tour <../../ui_tour/index>`.
|