Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 32 insertions, 0 deletions

diff --git a/devtools/docs/user/page_inspector/how_to/open_the_inspector/index.rst b/devtools/docs/user/page_inspector/how_to/open_the_inspector/index.rst
new file mode 100644
index 0000000000..4e8fac602b
--- /dev/null
+++ b/devtools/docs/user/page_inspector/how_to/open_the_inspector/index.rst
@@ -0,0 +1,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>`.