--- 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>