From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/tools/debugger/how_to/index.html | 11 ++++ .../index.html" | 36 +++++++++++ .../index.html" | 10 +++ files/ru/tools/debugger/index.html | 73 ++++++++++++++++++++++ .../tools/debugger/keyboard_shortcuts/index.html | 16 +++++ .../ru/tools/debugger/source_map_errors/index.html | 51 +++++++++++++++ 6 files changed, 197 insertions(+) create mode 100644 files/ru/tools/debugger/how_to/index.html create mode 100644 "files/ru/tools/debugger/how_to/\320\276\321\202\320\273\320\260\320\264\320\272\320\260_\320\272\320\276\320\264\320\260_\320\262\320\275\321\203\321\202\321\200\320\270_eval/index.html" create mode 100644 "files/ru/tools/debugger/how_to/\321\200\320\260\320\261\320\276\321\202\320\260_\321\201_\320\274\320\270\320\275\320\270\321\204\320\270\321\206\320\270\321\200\320\276\320\262\320\260\320\275\320\275\321\213\320\274_\320\272\320\276\320\264\320\276\320\274/index.html" create mode 100644 files/ru/tools/debugger/index.html create mode 100644 files/ru/tools/debugger/keyboard_shortcuts/index.html create mode 100644 files/ru/tools/debugger/source_map_errors/index.html (limited to 'files/ru/tools/debugger') 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 +--- +
{{ToolsSidebar}}

Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques.

+ +

{{ ListSubpages () }}

diff --git "a/files/ru/tools/debugger/how_to/\320\276\321\202\320\273\320\260\320\264\320\272\320\260_\320\272\320\276\320\264\320\260_\320\262\320\275\321\203\321\202\321\200\320\270_eval/index.html" "b/files/ru/tools/debugger/how_to/\320\276\321\202\320\273\320\260\320\264\320\272\320\260_\320\272\320\276\320\264\320\260_\320\262\320\275\321\203\321\202\321\200\320\270_eval/index.html" new file mode 100644 index 0000000000..29224f2590 --- /dev/null +++ "b/files/ru/tools/debugger/how_to/\320\276\321\202\320\273\320\260\320\264\320\272\320\260_\320\272\320\276\320\264\320\260_\320\262\320\275\321\203\321\202\321\200\320\270_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 +--- +
{{ToolsSidebar}}
+

Доступно, начиная с Firefox 36.

+
+ +

В Firefox версии 36 или старше доступна отладка кода, выполняемого с помощью eval() или конструктора Function.

+ +

Чтобы воспользоваться этой возможностью, используйте директиву //# sourceURL : 

+ +
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);
+}
+ +

Такой код присвоит исполняемому скрипту имя "my-foo.js".

+ +

Как только скрипт из строки script будет выполнен, он станет доступен в дебаггере как отдельный источник, а также будет доступен к отладке, как код из любого другого источника. Кроме этого, появится возможность, представить код в удобочитаемом виде:

+ +

+ +

Это имя также будет использоваться в стеке вызовов функций, доступном в веб-консоли.

+ +

Начиная с Firefox 40, оператор debugger; также останавливает дебаггер в безымянных источниках выполнения.

diff --git "a/files/ru/tools/debugger/how_to/\321\200\320\260\320\261\320\276\321\202\320\260_\321\201_\320\274\320\270\320\275\320\270\321\204\320\270\321\206\320\270\321\200\320\276\320\262\320\260\320\275\320\275\321\213\320\274_\320\272\320\276\320\264\320\276\320\274/index.html" "b/files/ru/tools/debugger/how_to/\321\200\320\260\320\261\320\276\321\202\320\260_\321\201_\320\274\320\270\320\275\320\270\321\204\320\270\321\206\320\270\321\200\320\276\320\262\320\260\320\275\320\275\321\213\320\274_\320\272\320\276\320\264\320\276\320\274/index.html" new file mode 100644 index 0000000000..e224f9d591 --- /dev/null +++ "b/files/ru/tools/debugger/how_to/\321\200\320\260\320\261\320\276\321\202\320\260_\321\201_\320\274\320\270\320\275\320\270\321\204\320\270\321\206\320\270\321\200\320\276\320\262\320\260\320\275\320\275\321\213\320\274_\320\272\320\276\320\264\320\276\320\274/index.html" @@ -0,0 +1,10 @@ +--- +title: Работа с минифицированным кодом +slug: Tools/Debugger/How_to/Работа_с_минифицированным_кодом +translation_of: Tools/Debugger/How_to/Pretty-print_a_minified_file +--- +
{{ToolsSidebar}}

Чтобы представить минифицированный код в удобочитаемом виде, откройте его, а затем нажмите на иконку с фигурными скобками:

+ +

Файл будет преобразован в более комфортное человеческому глазу представление, благодаря добавлению отсутствующих отступов:

+ +

Вы можете настроить отладчик на автоматическое представление обнаруженных минифицированных исходников в удобочитаемом виде в настройках отладчика.

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 +--- +
{{ToolsSidebar}}

Отладчик JavaScript позволяет пройтись по JavaScript-коду, исследовать и изменить его состояние, что поможет выявить ошибки в программе.

+ +

Вы можете использовать его для отладки кода, выполняемого локально в Firefox или работающем удаленно, например, в устройстве Firefox OS или Firefox на Android. Изучите Отладка удалённых скриптов чтобы узнать, как подключить к ним отладчик.

+ +

{{EmbedYouTube("sK8KU8oiF8s")}}

+ +
+

Пользовательский интерфейс

+ +

Доступ к отладчику: quick tour of the UI.

+ +
+

Как

+ +

Чтобы узнать о возможностях, доступных с помощью отладчика, посмотрите следующие руководства:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Open the debuggerSearch and filter
Set a breakpointSet a conditional breakpoint
Disable breakpointsExamine, modify, and watch variables
Step through codeUse a source map
Break on a DOM eventBlack box a source
Highlight and inspect DOM nodesDebug eval sources
Pretty-print a minified fileAccess debugging in add-ons
+ +
+

Ссылки

+ +
+
+ +
+
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 +--- +
{{ToolsSidebar}}
+ +

{{ Page ("ru/docs/tools/Keyboard_shortcuts", "debugger") }}

+ +

Общие комбинации клавиш

+ +

{{ Page ("ru/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}

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

{{ToolsSidebar}}

+ +

Исходные карты - это файлы JSON, обеспечивающие возможность связать преобразованные источники, как видно из браузера, с их исходными источниками, как написано разработчиком. Иногда вы можете столкнуться с проблемами, связанными с исходными картами. На этой странице объясняются наиболее распространенные проблемы и способы их устранения.

+ +
+

Примечание. Если вы новичок в исходных картах, вы можете узнать больше о них в разделе Use_a_source_map

+
+ +

Общий отчет об ошибках исходной карты

+ +

Если вы видите проблему, на веб-консоли появится сообщение.Это сообщение покажет сообщение об ошибке, URL-адрес ресурса и URL-адрес исходной карты:

+ +

Error from invalid JSON

+ +

Тут ресурс с URL говорит нам что bundle.js упомянут в карте исходников, и URL карты исходников  говорит нам где найти  данные для карты (в этом случае, относительно указанного ресурса "bundle.js.map").  Ошибка говорит нам что карта исходников  не является корректным JSON-ом — т.е. мы получили некорректный файл.

+ +

Есть несколько общих причин, почему карта может быть ошибочной; они подробно описаны в следующих разделах.

+ +

Карта исходников отсутствует или недоступна

+ +

Ресурс карты исходников может отсутствовать, либо быть недоступным.

+ +

Source map file is missing

+ +

Для исправления ошибки убедитесь что файл существует и доступен для браузера.

+ +

Некорректная карта исходников

+ +

Карта исходников может быть некорректной - не являться JSON-файлом, или иметь некорректную структуру. Типичное сообщение об ошибке таково:

+ + + +

Error: "version" is a required argument

+ +

Оригинальный исходник отсутствует

+ +

Оригинальный исходник может отсутствовать.  Вы можете столкнуться с этим, при попытке открыть оригинальный исходник в отладчике. Сообщение об ошибке в этом случае немного отличается:

+ +

Debugger source tab showing the error

+ +

В этом случае ошибка будет также отображена во вкладке исходника в отладчике:

+ +

Debugger source tab showing the error

-- cgit v1.2.3-54-g00ecf