initial commit

6 files changed, 197 insertions, 0 deletions

diff --git a/files/ru/tools/debugger/how_to/index.html b/files/ru/tools/debugger/how_to/index.html
new file mode 100644
index 0000000000..3e572d8903
--- /dev/null
+++ b/files/ru/tools/debugger/how_to/index.html
@@ -0,0 +1,11 @@
+---
+title: How to
+slug: Tools/Debugger/How_to
+tags:
+  - NeedsTranslation
+  - TopicStub
+translation_of: Tools/Debugger/How_to
+---
+<div>{{ToolsSidebar}}</div><p><span class="seoSummary">Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques.</span></p>
+
+<p>{{ ListSubpages () }}</p>
diff --git a/files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html b/files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html
new file mode 100644
index 0000000000..29224f2590
--- /dev/null
+++ b/files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html
@@ -0,0 +1,36 @@
+---
+title: Отладка кода внутри eval
+slug: Tools/Debugger/How_to/Отладка_кода_внутри_eval
+tags:
+  - Отладка
+translation_of: Tools/Debugger/How_to/Debug_eval_sources
+---
+<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
+<p>Доступно, начиная с Firefox 36.</p>
+</div>
+
+<p><code><font face="Open Sans, Arial, sans-serif">В Firefox версии 36 или старше доступна отладка кода, выполняемого с помощью </font><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> или конструктора <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function"><code>Function</code></a>.</p>
+
+<p>Чтобы воспользоваться этой возможностью, используйте директиву <code>//# sourceURL </code>: </p>
+
+<pre class="brush: js">var button = document.getElementById("clickme");
+button.addEventListener("click", evalFoo, false);
+
+var script = "function foo() {" +
+             "  console.log('called foo');" +
+             "}" +
+             "foo();//# sourceURL=my-foo.js";
+
+function evalFoo() {
+  eval(script);
+}</pre>
+
+<p>Такой код присвоит исполняемому скрипту имя "my-foo.js".</p>
+
+<p>Как только скрипт из строки <code>script</code> будет выполнен, он станет доступен в дебаггере как отдельный источник, а также будет доступен к отладке, как код из любого другого источника. Кроме этого, появится возможность, <a href="/ru/docs/Tools/Debugger/How_to/Работа_с_минифицированным_кодом">представить код в удобочитаемом виде</a>:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/9781/debug-eval-source-url.png" style="display: block; margin-left: auto; margin-right: auto; width: 836px;"></p>
+
+<p>Это имя также будет использоваться в стеке вызовов функций, доступном в <a href="/ru/docs/Tools/Web_Console#Error_messages">веб-консоли</a>.</p>
+
+<p>Начиная с Firefox 40, оператор <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/debugger">debugger;</a></code> также останавливает дебаггер в безымянных источниках выполнения.</p>
diff --git a/files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html b/files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html
new file mode 100644
index 0000000000..e224f9d591
--- /dev/null
+++ b/files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html
@@ -0,0 +1,10 @@
+---
+title: Работа с минифицированным кодом
+slug: Tools/Debugger/How_to/Работа_с_минифицированным_кодом
+translation_of: Tools/Debugger/How_to/Pretty-print_a_minified_file
+---
+<div>{{ToolsSidebar}}</div><p>Чтобы представить минифицированный код в удобочитаемом виде, откройте его, а затем нажмите на иконку с фигурными скобками:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7059/21-pp-before.png" style="display: block; margin-left: auto; margin-right: auto;">Файл будет преобразован в более комфортное человеческому глазу представление, благодаря добавлению отсутствующих отступов:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7061/22-pp-after.png" style="display: block; margin-left: auto; margin-right: auto;">Вы можете настроить отладчик на автоматическое представление обнаруженных минифицированных исходников в удобочитаемом виде в <a href="/ru/docs/Tools/Debugger/Settings">настройках отладчика</a>.</p>
diff --git a/files/ru/tools/debugger/index.html b/files/ru/tools/debugger/index.html
new file mode 100644
index 0000000000..2ff61ab577
--- /dev/null
+++ b/files/ru/tools/debugger/index.html
@@ -0,0 +1,73 @@
+---
+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>
diff --git a/files/ru/tools/debugger/keyboard_shortcuts/index.html b/files/ru/tools/debugger/keyboard_shortcuts/index.html
new file mode 100644
index 0000000000..cc7fde5314
--- /dev/null
+++ b/files/ru/tools/debugger/keyboard_shortcuts/index.html
@@ -0,0 +1,16 @@
+---
+title: Комбинации клавиш отладчика
+slug: Tools/Debugger/Keyboard_shortcuts
+tags:
+  - Клавиатура
+  - Отладчик
+  - комбинации клавиш
+translation_of: Tools/Debugger/Keyboard_shortcuts
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>{{ Page ("ru/docs/tools/Keyboard_shortcuts", "debugger") }}</p>
+
+<h2 id="Общие_комбинации_клавиш">Общие комбинации клавиш</h2>
+
+<p>{{ Page ("ru/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}</p>
diff --git a/files/ru/tools/debugger/source_map_errors/index.html b/files/ru/tools/debugger/source_map_errors/index.html
new file mode 100644
index 0000000000..40dc3098d3
--- /dev/null
+++ b/files/ru/tools/debugger/source_map_errors/index.html
@@ -0,0 +1,51 @@
+---
+title: Source map errors
+slug: Tools/Debugger/Source_map_errors
+translation_of: Tools/Debugger/Source_map_errors
+---
+<p>{{ToolsSidebar}}</p>
+
+<p class="summary"><span id="result_box" lang="ru"><span>Исходные карты - это файлы JSON, обеспечивающие возможность связать преобразованные источники, как видно из браузера, с их исходными источниками, как написано разработчиком.</span> <span>Иногда вы можете столкнуться с проблемами, связанными с исходными картами.</span> <span>На этой странице объясняются наиболее распространенные проблемы и способы их устранения.</span></span></p>
+
+<div class="note">
+<p><span id="result_box" lang="ru"><span>Примечание. Если вы новичок в исходных картах, вы можете узнать больше о них в разделе </span></span><a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map"><span lang="ru"><span>Use_a_source_map</span></span></a></p>
+</div>
+
+<h2 id="Общий_отчет_об_ошибках_исходной_карты"><span class="short_text" id="result_box" lang="ru"><span>Общий отчет об ошибках исходной карты</span></span></h2>
+
+<p><span id="result_box" lang="ru"><span>Если вы видите проблему, на веб-консоли появится сообщение.Это сообщение покажет сообщение об ошибке, URL-адрес ресурса и URL-адрес исходной карты:</span></span></p>
+
+<p><img alt="Error from invalid JSON" src="https://mdn.mozillademos.org/files/15423/invalid-json.png" style="border-style: solid; border-width: 1px; display: block; height: 57px; margin: 0px auto; width: 744px;"></p>
+
+<p>Тут ресурс с URL говорит нам что <code>bundle.js</code> упомянут в карте исходников, и URL карты исходников  говорит нам где найти  данные для карты (в этом случае, относительно указанного ресурса "bundle.js.map").  Ошибка говорит нам что карта исходников  не является корректным JSON-ом — т.е. мы получили некорректный файл.</p>
+
+<p>Есть несколько общих причин, почему карта может быть ошибочной; они подробно описаны в следующих разделах.</p>
+
+<h2 id="Карта_исходников_отсутствует_или_недоступна">Карта исходников отсутствует или недоступна</h2>
+
+<p>Ресурс карты исходников может отсутствовать, либо быть недоступным.</p>
+
+<p><img alt="Source map file is missing" src="https://mdn.mozillademos.org/files/15429/missing-map.png" style="border-style: solid; border-width: 1px; display: block; height: 42px; margin: 0px auto; width: 733px;"></p>
+
+<p>Для исправления ошибки убедитесь что файл существует и доступен для браузера.</p>
+
+<h2 id="Некорректная_карта_исходников">Некорректная карта исходников</h2>
+
+<p>Карта исходников может быть некорректной - не являться JSON-файлом, или иметь некорректную структуру. Типичное сообщение об ошибке таково:</p>
+
+<ul>
+ <li><code>SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data</code></li>
+ <li><code>Error: "version" is a required argument</code></li>
+</ul>
+
+<p><img alt='Error: "version" is a required argument' src="https://mdn.mozillademos.org/files/15425/missing-field.png" style="border-style: solid; border-width: 1px; display: block; height: 45px; margin: 0px auto; width: 743px;"></p>
+
+<h2 id="Оригинальный_исходник_отсутствует">Оригинальный исходник отсутствует</h2>
+
+<p>Оригинальный исходник может отсутствовать.  Вы можете столкнуться с этим, при попытке открыть оригинальный исходник в отладчике. Сообщение об ошибке в этом случае немного отличается:</p>
+
+<p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15421/Screenshot%20from%202017-09-15%2014-32-02.png" style="border-style: solid; border-width: 1px; display: block; height: 35px; margin: 0px auto; width: 727px;"></p>
+
+<p>В этом случае ошибка будет также отображена во вкладке исходника в отладчике:</p>
+
+<p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15427/debugger-tab.png" style="border-style: solid; border-width: 1px; display: block; height: 109px; margin: 0px auto; width: 616px;"></p>