---
myst:
  substitutions:
    image1: |-
      ```{image} hamburger.png
      :width: 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.
- Press the menu button {{ image1 }}, select "Developer", then "Debugger".

```{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/>
```
