---
title: Open the debugger
slug: Tools/Debugger/How_to/Open_the_debugger
translation_of: Tools/Debugger/How_to/Open_the_debugger
---
<div>{{ToolsSidebar}}</div>

<p>有三種方式可以打開除錯器:</p>

<ul>
 <li>select "Debugger" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on Mac OS X)</li>
 <li>
  <p>press the <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> on Windows and Linux or <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd> on macOS</p>

  <div class="blockIndicator note"><strong>Note:</strong> This shortcut will not work with Firefox 66 or later. However, you can press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> on Windows and Linux, <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd>, or <kbd>F12</kbd> to open the toolbox and then select the Debugger tool.</div>
 </li>
 <li>press the menu button ( <img alt="new fx menu" class="frameless wiki-image" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;" title=""> ), select "Developer", then "Debugger".</li>
</ul>

<p>{{EmbedYouTube("yI5SlVQiZtI")}}</p>

<div id="gtx-trans" style="position: absolute; left: 9px; top: 21px;">
<div class="gtx-trans-icon"></div>
</div>