---
title: Отладчик
slug: Tools/Debugger
tags:
  - Debugger
  - Debugging
  - Dev Tools
  - Firefox OS
  - Tools
  - TopicStub
  - 'l10n:priority'
translation_of: Tools/Debugger
---
<div>{{ToolsSidebar}}</div><p>Отладчик<span id="result_box" lang="ru"><span> JavaScript</span> <span class="hps">позволяет</span> пройтись по <span class="hps">JavaScript-коду,</span> <span class="hps">исследовать и</span> <span class="hps">изменить</span> <span class="hps">его состояние</span><span>, что поможет выявить </span><span class="hps">ошибки в программе.</span></span></p>

<p><span id="result_box" lang="ru"><span class="hps">Вы можете использовать его</span> <span class="hps">для отладки</span> <span class="hps">кода, выполняемого</span> <span class="hps">локально в</span> <span class="hps">Firefox</span> <span class="hps">или работающем </span><span class="hps">удалённо,</span> <span class="hps">например, в</span> <span class="hps">устройстве</span> <span class="hps">Firefox</span> <span class="hps">OS</span> <span class="hps">или</span> <span class="hps">Firefox</span> <span class="hps">на</span> <span class="hps">Android.</span> Изучите </span><a href="/en-US/docs/Tools/Remote_Debugging">Отладка удалённых скриптов </a><span id="result_box" lang="ru"><span class="hps">чтобы узнать, как</span> <span class="hps">подключить к ним</span> <span class="hps">отладчик</span><span>.</span></span></p>

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

<hr>
<h2 id="Пользовательский_интерфейс"><span class="short_text" id="result_box" lang="ru"><span class="hps">Пользовательский интерфейс</span> </span></h2>

<p><span class="short_text" id="result_box" lang="ru"><span class="hps">Доступ к </span><span class="hps">отладчику:</span></span> <a href="/en-US/docs/Tools/Debugger/UI_Tour">quick tour of the UI</a>.</p>

<hr>
<h2 id="Как">Как</h2>

<p><span id="result_box" lang="ru"><span class="hps">Чтобы узнать</span><span> о возможностях, доступных </span><span class="hps">с помощью отладчика</span><span>,</span> <span class="hps">посмотрите</span> <span class="hps">следующие</span><span class="hps"> руководства</span><span>:</span></span></p>

<table class="standard-table" style="height: 281px; width: 608px;">
 <tbody>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Open_the_debugger">Open the debugger</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">Search and filter</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Set a breakpoint</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Set a conditional breakpoint</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disable breakpoints</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Examine,_modify,_and_watch_variables">Examine, modify, and watch variables</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">Step through code</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">Use a source map</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Break_on_a_DOM_event">Break on a DOM event</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Black_box_a_source">Black box a source</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Highlight_and_inspect_DOM_nodes">Highlight and inspect DOM nodes</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Debug eval sources</a></td>
  </tr>
  <tr>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Pretty-print a minified file</a></td>
   <td><a href="/en-US/docs/Tools/Debugger/How_to/Access_debugging_in_add-ons">Access debugging in add-ons</a></td>
  </tr>
 </tbody>
</table>

<hr>
<h2 id="Ссылки">Ссылки</h2>

<div class="column-container">
<div class="column-half">
<ul>
 <li><a href="/en-US/docs/Tools/Debugger/Keyboard_shortcuts">Keyboard shortcuts</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/Settings">Settings</a></li>
</ul>
</div>
</div>