devtools/docs/user/page_inspector/how_to/use_the_inspector_from_the_web_console/index.rst


1
2
3
4
5
6
7
8
9
10
11
12
13

======================================
Use the Inspector from the Web Console
======================================

The element that's currently selected in the Page Inspector can be referenced in the Web Console using the variable ``$0``.

.. image:: console-$0.png
  :class: center

DOM elements in the Web Console output get a target next to them. If you hover over this target, the element is highlighted in the page, and if you click the target, the element is selected in the Inspector:

.. image:: console-highlight.png
  :class: center