summaryrefslogtreecommitdiffstats
path: root/devtools/docs/user/debugger/how_to/open_the_debugger/index.rst
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/docs/user/debugger/how_to/open_the_debugger/index.rst')
-rw-r--r--devtools/docs/user/debugger/how_to/open_the_debugger/index.rst20
1 files changed, 20 insertions, 0 deletions
diff --git a/devtools/docs/user/debugger/how_to/open_the_debugger/index.rst b/devtools/docs/user/debugger/how_to/open_the_debugger/index.rst
new file mode 100644
index 0000000000..157a95c75f
--- /dev/null
+++ b/devtools/docs/user/debugger/how_to/open_the_debugger/index.rst
@@ -0,0 +1,20 @@
+=================
+Open the debugger
+=================
+
+There are three ways to open the debugger:
+
+- Select the *Debugger* panel in the Web Developer Tools, accessible from the Browser Tools submenu
+
+- Press :kbd:`Ctrl` + :kbd:`Shift` + :kbd:`Z` on Windows and Linux, or :kbd:`Cmd` + :kbd:`Opt` + :kbd:`Z` on macOS (starting in Firefox 71; prior to Firefox 66, the letter in this shortcut was :kbd:`S`).
+
+- Press the menu button |image1|, select "Developer", then "Debugger".
+
+.. |image1| image:: hamburger.png
+ :width: 20
+
+.. raw:: html
+
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/yI5SlVQiZtI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+ <br/>
+ <br/>