diff options
Diffstat (limited to 'files/ru/tools')
-rw-r--r-- | files/ru/tools/accessibility_inspector/index.html (renamed from files/ru/tools/инспектор_доступности/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/add-ons/dom_inspector/index.html | 57 | ||||
-rw-r--r-- | files/ru/tools/add-ons/index.html | 15 | ||||
-rw-r--r-- | files/ru/tools/browser_console/index.html (renamed from files/ru/tools/консоль_браузера/index.html) | 5 | ||||
-rw-r--r-- | files/ru/tools/debugger/how_to/debug_eval_sources/index.html (renamed from files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/debugger/how_to/pretty-print_a_minified_file/index.html (renamed from files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/page_inspector/how_to/edit_fonts/index.html (renamed from files/ru/tools/page_inspector/how_to/просмотр_шрифтов/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html (renamed from files/ru/tools/page_inspector/how_to/исследовать_event_listeners/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/page_inspector/how_to/open_the_inspector/index.html (renamed from files/ru/tools/page_inspector/how_to/otkrytie_inspektora/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/page_inspector/how_to/select_an_element/index.html (renamed from files/ru/tools/page_inspector/how_to/vybor_elementa/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/page_inspector/keyboard_shortcuts/index.html (renamed from files/ru/tools/page_inspector/сочетания_клавиш/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/performance/index.html (renamed from files/ru/tools/производительность/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/performance/waterfall/index.html (renamed from files/ru/tools/производительность/waterfall/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/profiler/index.html | 169 | ||||
-rw-r--r-- | files/ru/tools/release_notes/index.html | 128 | ||||
-rw-r--r-- | files/ru/tools/responsive_design_mode/index.html (renamed from files/ru/tools/responsive_design_view/index.html) | 5 | ||||
-rw-r--r-- | files/ru/tools/rulers/index.html (renamed from files/ru/tools/линейки/index.html) | 3 | ||||
-rw-r--r-- | files/ru/tools/web_console/ui_tour/index.html (renamed from files/ru/tools/web_console/opening_the_web_console/index.html) | 3 |
18 files changed, 30 insertions, 385 deletions
diff --git a/files/ru/tools/инспектор_доступности/index.html b/files/ru/tools/accessibility_inspector/index.html index a375a027ae..52c20f411a 100644 --- a/files/ru/tools/инспектор_доступности/index.html +++ b/files/ru/tools/accessibility_inspector/index.html @@ -1,7 +1,8 @@ --- title: Инспектор доступности -slug: Tools/Инспектор_доступности +slug: Tools/Accessibility_inspector translation_of: Tools/Accessibility_inspector +original_slug: Tools/Инспектор_доступности --- <div>{{ToolsSidebar}}</div> diff --git a/files/ru/tools/add-ons/dom_inspector/index.html b/files/ru/tools/add-ons/dom_inspector/index.html deleted file mode 100644 index 0e2c41dc29..0000000000 --- a/files/ru/tools/add-ons/dom_inspector/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: DOM Inspector -slug: Tools/Add-ons/DOM_Inspector -translation_of: Tools/Add-ons/DOM_Inspector ---- -<div>{{ToolsSidebar}}</div><p><strong>Инспектор DOM</strong> (также известный как <strong>DOMi</strong>) — инструмент для разработчиков, используемый для проверки, просмотра и редактирования <a href="/en/DOM" title="en/DOM">объектной модели документа</a><a href="/en-US/docs/"> </a>- обычных веб-страниц или <a href="/en/XUL" title="en/XUL"> XUL</a> windows. По иерархии DOM можно перемещаться с помощью двух окон, отображающих целый ряд различных представлений документа и всех вложенных в него узлов.</p> - -<div class="note"> -<p>Этот инструмент является дополнением для приложений, основанных на XUL, таких как Firefox и Thunderbird. Если вы ищете инспектор DOM, который встроен в Firefox, обратитесь к разделу документации <a href="/ru/docs/Tools/Page_Inspector">Инспектор страницы</a>.</p> -</div> - -<h2 id="Documentation" name="Documentation">Документация</h2> - -<dl> - <dt><a href="/en/DOM_Inspector/Introduction_to_DOM_Inspector" title="en/DOM_Inspector/Introduction_to_DOM_Inspector">Введение в инспектор DOM</a></dt> - <dd>Руководствоваться учебник, который поможет вам начать работу с DOM Inspector.</dd> -</dl> - -<dl> - <dt><a href="/en/DOM_Inspector/DOM_Inspector_FAQ" title="en/DOM_Inspector/DOM_Inspector_FAQ">FAQ инспектор DOM</a></dt> - <dd>Ответы на общие вопросы по DOM Inspector.</dd> -</dl> - -<dl> - <dt><a class="external" href="http://kb.mozillazine.org/DOM_Inspector">страницы на MozillaZine</a></dt> - <dd>Более подробную информацию о DOM Inspector.</dd> - <dt><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html">как скомпилировать инспектор DOM</a></dt> - <dd>Сообщение в блоге на здание инспектор DOM от источника.</dd> -</dl> - -<h2 id="Getting_DOM_Inspector" name="Getting_DOM_Inspector">Получение инспектор DOM</h2> - -<dl> - <dt>Firefox и Thunderbird</dt> - <dd>Вы можете скачать и установить <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622" title="https://addons.mozilla.org/en-US/firefox/addon/6622"> Инспектор DOM</a> на веб-сайте AMO. (Thunderbird пользователей, использующих AMO в Firefox следует сохранить ссылку установки, или посетить страницу <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/6622" title="https://addons.mozilla.org/en-US/thunderbird/addon/6622"> Инспектор DOM для Thunderbird</a>).</dd> -</dl> - -<dl> - <dt>Thunderbird 2</dt> - <dd><a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/1806">Инспектор DOM для Thunderbird 2</a> доступен из <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/"> Дополнений для Thunderbird</a>. Или настройте Thunderbird сами со следующими параметрами:</dd> -</dl> - -<pre><code>ac_add_options --enable-extensions="default inspector" -ac_add_options --enable-inspector-apis</code></pre> - -<dl> - <dt>Mozilla Suite и SeaMonkey</dt> - <dd>Выберите Инструменты > Веб-разработка > Инспектор DOM. Вы также можете установить боковую панель через Правка > Настройки > Дополнительно > Инспектор DOM, затем просто откройте панель инспектора DOM и посетите любой веб-сайт.</dd> -</dl> - -<h2 id="Report_a_bug_in_DOM_Inspector" name="Report_a_bug_in_DOM_Inspector">Отчет об ошибке в DOM Inspector</h2> - -<p>Использовать удобно именованный раздел <a href="https://bugzilla.mozilla.org/enter_bug.cgi?format=__default__&product=Other%20Applications&component=DOM%20Inspector">компонент «Инспектор DOM» в Bugzilla</a>.</p> - -<p>Чтобы узнать о тех, кто знает <a href="https://hg.mozilla.org/dom-inspector" title="https://hg.mozilla.org/dom-inspector"> код DOM Inspector</a> и где он живет, см. <a class="link-https" href="https://wiki.mozilla.org/Modules/All#DOM_Inspector" title="https://wiki.mozilla.org/Modules/All#DOM_Inspector"> <span class="external"> листинг модуля DOM Inspector</span></a>.</p> - -<p>{{ languages( { "es": "es/DOM_Inspector", "it": "it/DOM_Inspector", "fr": "fr/Inspecteur_DOM", "ja": "ja/DOM_Inspector", "ko": "ko/DOM_Inspector", "pl": "pl/Inspektor_DOM" } ) }}</p> diff --git a/files/ru/tools/add-ons/index.html b/files/ru/tools/add-ons/index.html deleted file mode 100644 index ab408aeb18..0000000000 --- a/files/ru/tools/add-ons/index.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: Add-ons -slug: Tools/Add-ons -tags: - - NeedsTranslation - - TopicStub -translation_of: Tools/Add-ons ---- -<div>{{ToolsSidebar}}</div><p>Developer tools that are not built into Firefox, but ship as separate add-ons.</p> - -<dl> - <dt><a href="https://addons.mozilla.org/en-US/firefox/addon/websocket-monitor/">WebSocket Monitor</a></dt> - <dd>Examine the data exchanged in a WebSocket connection.</dd> - <dd> </dd> -</dl> diff --git a/files/ru/tools/консоль_браузера/index.html b/files/ru/tools/browser_console/index.html index 487bc2eb5e..00d49816ff 100644 --- a/files/ru/tools/консоль_браузера/index.html +++ b/files/ru/tools/browser_console/index.html @@ -1,14 +1,15 @@ --- title: Консоль браузера -slug: Tools/Консоль_браузера +slug: Tools/Browser_Console tags: - Tools - Web Development - Браузер - Отладка - - 'веб-разработка:инструменты' + - веб-разработка:инструменты - консоль translation_of: Tools/Browser_Console +original_slug: Tools/Консоль_браузера --- <div>{{ToolsSidebar}}</div><p>Консоль браузера — как <a href="/ru/docs/Tools/Web_Console" title="/ru/docs/Tools/Web_Console">Веб-консоль</a>, но для работы со всем браузером, а не с отдельной его вкладкой.</p> diff --git a/files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html b/files/ru/tools/debugger/how_to/debug_eval_sources/index.html index 29224f2590..714444fe1c 100644 --- a/files/ru/tools/debugger/how_to/отладка_кода_внутри_eval/index.html +++ b/files/ru/tools/debugger/how_to/debug_eval_sources/index.html @@ -1,9 +1,10 @@ --- title: Отладка кода внутри eval -slug: Tools/Debugger/How_to/Отладка_кода_внутри_eval +slug: Tools/Debugger/How_to/Debug_eval_sources tags: - Отладка translation_of: Tools/Debugger/How_to/Debug_eval_sources +original_slug: Tools/Debugger/How_to/Отладка_кода_внутри_eval --- <div>{{ToolsSidebar}}</div><div class="geckoVersionNote"> <p>Доступно, начиная с Firefox 36.</p> diff --git a/files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html b/files/ru/tools/debugger/how_to/pretty-print_a_minified_file/index.html index e224f9d591..2800f84c31 100644 --- a/files/ru/tools/debugger/how_to/работа_с_минифицированным_кодом/index.html +++ b/files/ru/tools/debugger/how_to/pretty-print_a_minified_file/index.html @@ -1,7 +1,8 @@ --- title: Работа с минифицированным кодом -slug: Tools/Debugger/How_to/Работа_с_минифицированным_кодом +slug: Tools/Debugger/How_to/Pretty-print_a_minified_file translation_of: Tools/Debugger/How_to/Pretty-print_a_minified_file +original_slug: Tools/Debugger/How_to/Работа_с_минифицированным_кодом --- <div>{{ToolsSidebar}}</div><p>Чтобы представить минифицированный код в удобочитаемом виде, откройте его, а затем нажмите на иконку с фигурными скобками:</p> diff --git a/files/ru/tools/page_inspector/how_to/просмотр_шрифтов/index.html b/files/ru/tools/page_inspector/how_to/edit_fonts/index.html index 24b490e3d3..32000bbe0f 100644 --- a/files/ru/tools/page_inspector/how_to/просмотр_шрифтов/index.html +++ b/files/ru/tools/page_inspector/how_to/edit_fonts/index.html @@ -1,11 +1,12 @@ --- title: Просмотр шрифтов -slug: Tools/Page_Inspector/How_to/Просмотр_шрифтов +slug: Tools/Page_Inspector/How_to/Edit_fonts tags: - Guide - Инспектор - инструменты translation_of: Tools/Page_Inspector/How_to/Edit_fonts +original_slug: Tools/Page_Inspector/How_to/Просмотр_шрифтов --- <div>{{ToolsSidebar}}</div><h2 id="Всплывающая_подсказка_у_font-family">Всплывающая подсказка у font-family</h2> diff --git a/files/ru/tools/page_inspector/how_to/исследовать_event_listeners/index.html b/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html index c5ea101f0b..02599668dd 100644 --- a/files/ru/tools/page_inspector/how_to/исследовать_event_listeners/index.html +++ b/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html @@ -1,11 +1,12 @@ --- title: Исследовать Event Listeners -slug: Tools/Page_Inspector/How_to/Исследовать_event_listeners +slug: Tools/Page_Inspector/How_to/Examine_event_listeners tags: - Инспектор - Руководство - инструменты translation_of: Tools/Page_Inspector/How_to/Examine_event_listeners +original_slug: Tools/Page_Inspector/How_to/Исследовать_event_listeners --- <div>{{ToolsSidebar}}</div><p>Начиная с Firefox 33 вы увидите значок «ev» в области HTML, напротив элементов, у которых есть связаные с ними Event Listeners:</p> diff --git a/files/ru/tools/page_inspector/how_to/otkrytie_inspektora/index.html b/files/ru/tools/page_inspector/how_to/open_the_inspector/index.html index a4e0927d76..7e9bddf5a5 100644 --- a/files/ru/tools/page_inspector/how_to/otkrytie_inspektora/index.html +++ b/files/ru/tools/page_inspector/how_to/open_the_inspector/index.html @@ -1,11 +1,12 @@ --- title: Открытие Инспектора -slug: Tools/Page_Inspector/How_to/Otkrytie_Inspektora +slug: Tools/Page_Inspector/How_to/Open_the_Inspector tags: - Guide - Инспектор - инструменты translation_of: Tools/Page_Inspector/How_to/Open_the_Inspector +original_slug: Tools/Page_Inspector/How_to/Otkrytie_Inspektora --- <div>{{ToolsSidebar}}</div><p>Есть два основных способа открытия Инспектора:</p> diff --git a/files/ru/tools/page_inspector/how_to/vybor_elementa/index.html b/files/ru/tools/page_inspector/how_to/select_an_element/index.html index 16db872b70..c607b31043 100644 --- a/files/ru/tools/page_inspector/how_to/vybor_elementa/index.html +++ b/files/ru/tools/page_inspector/how_to/select_an_element/index.html @@ -1,11 +1,12 @@ --- title: Выбор элемента -slug: Tools/Page_Inspector/How_to/Vybor_elementa +slug: Tools/Page_Inspector/How_to/Select_an_element tags: - Guide - Инспектор - инструменты translation_of: Tools/Page_Inspector/How_to/Select_an_element +original_slug: Tools/Page_Inspector/How_to/Vybor_elementa --- <div>{{ToolsSidebar}}</div><p>{{EmbedYouTube("y2LcsxE2pR0")}}</p> diff --git a/files/ru/tools/page_inspector/сочетания_клавиш/index.html b/files/ru/tools/page_inspector/keyboard_shortcuts/index.html index ae162ef628..a5129643e4 100644 --- a/files/ru/tools/page_inspector/сочетания_клавиш/index.html +++ b/files/ru/tools/page_inspector/keyboard_shortcuts/index.html @@ -1,10 +1,11 @@ --- title: Клавиатурные сокращения -slug: Tools/Page_Inspector/Сочетания_клавиш +slug: Tools/Page_Inspector/Keyboard_shortcuts tags: - Инспектор - инструменты translation_of: Tools/Page_Inspector/Keyboard_shortcuts +original_slug: Tools/Page_Inspector/Сочетания_клавиш --- <div>{{ToolsSidebar}}</div><p>{{ Page ("ru/docs/tools/Keyboard_shortcuts", "page-inspector") }}</p> diff --git a/files/ru/tools/производительность/index.html b/files/ru/tools/performance/index.html index ba11369101..ac389754f9 100644 --- a/files/ru/tools/производительность/index.html +++ b/files/ru/tools/performance/index.html @@ -1,7 +1,8 @@ --- title: Производительность -slug: Tools/Производительность +slug: Tools/Performance translation_of: Tools/Performance +original_slug: Tools/Производительность --- <div>{{ToolsSidebar}}</div><p>Инструмент даёт Вам понять общую отзывчивость вашего сайта, JavaScript и общее представление о разметке. С помощью инструмента производительности Вы создадите запись или профиль своего сайта за определенный промежуток времени. Затем, инструмент покажет Вам действия браузера и график смены частоты кадров, поверх профиля, рендера Вашего сайта.</p> diff --git a/files/ru/tools/производительность/waterfall/index.html b/files/ru/tools/performance/waterfall/index.html index 1531a44a10..7b785197a7 100644 --- a/files/ru/tools/производительность/waterfall/index.html +++ b/files/ru/tools/performance/waterfall/index.html @@ -1,7 +1,8 @@ --- title: Waterfall -slug: Tools/Производительность/Waterfall +slug: Tools/Performance/Waterfall translation_of: Tools/Performance/Waterfall +original_slug: Tools/Производительность/Waterfall --- <div>{{ToolsSidebar}}</div><div class="summary"> <p>Водопад (Waterfall) дает вам представление о различных процессах, которые происходят внутри браузера, когда вы открывайте ваш сайт или запускаете ваше приложение. Он основан на идее разделения всех происходящих внутри браузера процессов на различные типы - запуск JavaScript, обновление layout и так далее - и что в любой момент времени браузрер выполняет один из этих процессов.</p> diff --git a/files/ru/tools/profiler/index.html b/files/ru/tools/profiler/index.html deleted file mode 100644 index 10e4254907..0000000000 --- a/files/ru/tools/profiler/index.html +++ /dev/null @@ -1,169 +0,0 @@ ---- -title: Профилирование JavaScript -slug: Tools/Profiler -tags: - - Firefox - - Отладка - - Профайлер - - Профилирование - - Руководство - - инструменты -translation_of: Tools/Performance -translation_of_original: Tools/Profiler ---- -<div>{{ToolsSidebar}}</div><p>Используйте средства профилирования, чтобы находить узкие места в своём JavaScript коде. Профайлер периодически проверяет состояние стека вызовов JavaScript и составляет статистику на основе полученных в результате измерения величин.</p> - -<p>Вы можете запустить профайлер выбрав «Profiler» из меню «Web Develeper». Для операционных систем Linux и OS X данное меню находится в меню «Tools», в Windows его можно вызвать из меню «Firefox».</p> - -<p>В открывшемся меню уже будет выбран профайлер.</p> - -<p> </p> - -<h2 id="Семплирующие_профайлеры"><a name="sampling-profilers">Семплирующие профайлеры</a></h2> - -<p> </p> - -<p>Профайлер JavaScript — сэмплирующий профайлер. Это означает, что он периодически собирает информацию о состоянии интерпретатора JavaScript, сохраняет стек выполняющегося на момент сэмплирования кода. Статистически, число образцов полученных во время выполнения какой-либо функции, соответствует количеству времени, которое браузер проводит выполняя её, таким образом вы можете находить узкие места в своём коде.</p> - -<p><a name="profiling-example">Рассмотрим следующую программу в качестве примера:</a></p> - -<pre class="brush: js">function doSomething() { - var x = getTheValue(); - x = x + 1; // -> sample A - logTheValue(x); -} - -function getTheValue() { - return 5; -} - -function logTheValue(x) { - console.log(x); // -> sample B, sample C -} - -doSomething();</pre> - -<p>Допустим мы запустили данную программу с активным профайлером, и во время её выполнения, профайлер взял три сэмпла, в местах указанных комментариями.</p> - -<p>Они все взяты внутри doSomething(), но вторые два внутри функции logTheValue() вызванной doSomething(). В результате получим профиль состоящий из трёх записей:</p> - -<pre>Sample A: doSomething() -Sample B: doSomething() > logTheValue() -Sample C: doSomething() > logTheValue()</pre> - -<p>Конечно этих данных недостаточно, чтобы сделать какие-то выводы, но с гораздо большим количеством сэмплов, мы поймём, что узким местом в нашей программе является logTheValue().</p> - -<p> </p> - -<h2 id="Создание_профиля">Создание профиля</h2> - -<p>Нажмите кнопку <em>stopwatch</em> в профайлере, чтобы начать сбор сэмплов. Кнопка <em>stopwatch</em> подсвечена, если профайлер активен. Кликните на ней ещё раз и сохраните новый профиль:</p> - -<p> </p> - -<p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/5977/Screen%20Shot%202013-08-26%20at%2010.35.47%20AM.png"></p> - -<p>Новый профиль будет открыт автоматически при нажатии "Stop".</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5981/Screen%20Shot%202013-08-26%20at%2011.07.18%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>Панель разделена на две части:</p> - -<ul> - <li>Левая сторона содержит список всех записанных профилей и позволяет загрузить любой из них. Ниже находятся две кнопки: <em>stopwatch</em> позволяет записать новый профиль, в то время как<em> import... </em>позволяет импортировать ранее сохраненные данные. Когда профиль выбран, вы можете сохранить его данные как файл в формате JSON нажав на кнопке <em>Save</em>.</li> - <li>Правая сторона показывает текущий загруженный профиль.</li> -</ul> - -<p> </p> - -<h2 id="Анализируем_профиль">Анализируем профиль</h2> - -<p> </p> - -<p>Профиль разделён на две части:</p> - -<ul> - <li><a href="#profile-timeline" title="#profile-timeline">График профилирования (profile timeline</a>)</li> - <li><a href="#profile-details" title="#profile-details">Детали профилирования (profile details</a>)</li> -</ul> - -<h3 id="График_профилирования"><a id="profile-timeline" name="profile-timeline">График профилирования</a></h3> - -<p>График профилирования располагается в верхней части экрана профиля.</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5987/timeline" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>Горизонтальная ось это время, а вертикальная — размер стека вызовов на текущий сэмпл. Стек вызовов представляет количество активных функций на момент сэмплирования.<br> - Красные сэмплы на графике говорят о том, что браузер был недоступен на тот момент и пользователь мог наблюдать паузы в анимации и отклике браузера. Если профиль содержит красные образцы, их следует разбить на несколько событий и рассмотреть используя <a href="/en-US/docs/Web/API/window.requestAnimationFrame" title="/en-US/docs/Web/API/window.requestAnimationFrame">requestAnimationFrame</a> и <a href="/en-US/docs/Web/Guide/Performance/Using_web_workers" title="/en-US/docs/Web/Guide/Performance/Using_web_workers">Workers</a>.</p> - -<p>Подсветив определённый участок в профиле рамкой, можно исследовать его более детально:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5989/Screen%20Shot%202013-08-26%20at%2011.17.59%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>В таком случае, над графиком появится новая кнопка с надписью вида: "Sample Range [AAA, BBB]". Нажав на неё, можно приблизить рассматриваемый участок и детально его рассмотреть.</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5991/Screen%20Shot%202013-08-26%20at%2011.18.03%20AM.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<h3 id="Детали_профилирования"><a name="profile-details">Детали профилирования</a></h3> - -<p>Детали профилирования расположены в нижней части экрана профиля:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5993/profiler-details-highligted.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>Когда вы впервые открываете новый сэмпл, панель сэмплов содержит единственную строку «(total)», как на скриншоте ниже. Если кликнуть на стрелке следующей за надписью «(total)», вы увидилте список всех функций верхнего уровня которые находятся в сэмпле.</p> - -<p><br> - <img alt="" src="https://mdn.mozillademos.org/files/5995/Screen%20Shot%202013-08-26%20at%2011.22.10%20AM.png"></p> - -<p>Время выполнения (<strong>Running time</strong>) показывает число сэмплов в которых присутствует данная функция<a href="#footnote-1"><sup>1</sup></a> , далее следует процент появления функции в остальных сэмплах профиля. Первая сверху строка показывает, что в профиле 2021 сэмпл, вторая строка показывает, что 1914 или 94.7% из них содержат в себе функцию detectImage().</p> - -<p><strong>Self</strong> показывает количество сэмплов полученное во время выполнения самой функции, а не функции её вызвавшей. В <a href="#profiling-example" title="#profiling-example">примере</a> выше doSomething() имеет время выполнения (<strong>Running time</strong>) равное 3 (сэмпл A, B и C), но значение <strong>Self</strong> равно единице (sample A).</p> - -<p>Третий столбец содержит имена функций, а также имена файлов и номера строк (для локальных функций) или полное/доменное имя (для внешних). Функции серого цвета — встроенные функции браузера, чёрные — JavaScript загруженный страницей. Если вы переместите курсор мыши вдоль строк, то обнаружите справа от имён функций стрелочку: кликните по ней и увидите исходный код функции.</p> - -<p> </p> - -<h3 id="Раскрываем_древо_вызовов">Раскрываем древо вызовов</h3> - -<p> </p> - -<p>В строке, если какие-либо сэмплы были взяты в функции вызванной другой функцией (т. е. Если время выполнения (<strong>Running time</strong>) больше чем <strong>Self</strong> для заданной строки) — появляется стрелочка слева от имени функции, дающая возможность раскрыть древо вызовов.</p> - -<p>Для <a href="#profiling-example" title="#profiling-example">примера</a> приведённого выше, полностью раскрытое древо вызовов будет выглядеть следующим образом:</p> - -<table class="standard-table"> - <tbody> - <tr> - <td style="text-align: center;"><strong>Running Time</strong></td> - <td style="text-align: center;"><strong>Self</strong></td> - <td style="text-align: center;"> </td> - </tr> - <tr> - <td style="text-align: center;">3 100%</td> - <td style="text-align: center;">1</td> - <td style="text-align: center;">doSomething()</td> - </tr> - <tr> - <td style="text-align: center;">2 67%</td> - <td style="text-align: center;">2</td> - <td style="text-align: center;">logTheValue()</td> - </tr> - </tbody> -</table> - -<p>Более реалистичный пример: на скриншоте ниже, на второй строке видно 1914 сэмпла взятых внутри функции detectImage(). Но все сэмплы были получены внутри функции названной detectImage() (<strong>Self</strong> равно нулю). Мы можем развернуть древо вызовов чтобы определить какая из функций на самом деле выполнялась когда было взято большинство сэмплов:</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/5999/bla.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>Далее можно сделать вывод, что 6 сэмплов было взято во время выполнения detectAtScale(), 12 во время getRect() и так далее.</p> - -<p>Примечания</p> - -<ol> - <li><a name="footnote-1"> </a>Если функция вызывается несколько раз из различных источников, в выводе профайлера представлена она будет так же несколько раз. Так структуры вроде forEach будут появляться несколько раз в древе вызовов. - - <p> </p> - </li> -</ol> - -<p> </p> diff --git a/files/ru/tools/release_notes/index.html b/files/ru/tools/release_notes/index.html deleted file mode 100644 index ba7f7887f2..0000000000 --- a/files/ru/tools/release_notes/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Замечания к релизу -slug: Tools/Release_notes -translation_of: Mozilla/Firefox/Releases -translation_of_original: Tools/Release_notes ---- -<div>{{ToolsSidebar}}</div><h2 id="Firefox_48">Firefox 48</h2> - -<p>Главное:</p> - -<ul> - <li><a href="/en-US/docs/Tools/Storage_Inspector#Editing_storage_items">Редактирование сохранённых вещей в инспекторе хранилища</a></li> - <li><a href="/en-US/docs/Tools/Memory/Tree_Map_view">Утилита для просмотра дерева памяти</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Перемещение элементов по странице путём перетаскивания</a></li> - <li><a href="/en-US/docs/Tools/Web_Console/Console_messages#Viewing_network_request_details">Просмотр деталей HTTP запросов в консоли веб</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector">Инспектор анимации для Web Animations API</a></li> - <li><a href="/en-US/docs/Tools/Settings#Choose_DevTools_theme">Тема Firebug</a></li> - <li><a href="/en-US/docs/Tools/DOM_Property_Viewer">Утилита для просмотра свойств DOM</a></li> -</ul> - -<p><a href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2016-04-25&query_format=advanced&chfield=resolution&chfieldfrom=2016-03-07&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20about%3Adebugging&component=Developer%20Tools%3A%20Animation%20Inspector&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Computed%20Styles%20Inspector&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Font%20Inspector&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20JSON%20Viewer&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Performance%20Tools%20%28Profiler%2FTimeline%29&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Storage%20Inspector&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20Web%20Audio%20Editor&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&component=Developer%20Tools%3A%20WebIDE&product=Firefox&list_id=12832440">Другие исправления багов</a></p> - -<h2 id="Firefox_32">Firefox 32</h2> - -<p>Highlights:</p> - -<ul> - <li><a href="/ru/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></li> - <li><a href="/ru/docs/Tools/Scratchpad#Code_completion_and_inline_documentation">Code completion and inline documentation in Scratchpad</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#Rules_view">User agent styles in the Inspector's Rules view</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#Firefox_32_onwards_2">Element picker button has moved</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#Firefox_32_onwards">Node dimensions added to the Inspector's infobar</a></li> - <li><a href="/ru/docs/Tools/Tools_Toolbox#Extra_tools">Full page screenshot button added</a></li> -</ul> - -<p>More details:</p> - -<ul> - <li>HiDPI images added to the tools</li> - <li>Nodes that have <code>display:none</code> are shown differently in the Inspector</li> -</ul> - -<p><a href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2014-06-09&chfield=resolution&query_format=advanced&chfieldfrom=2014-04-28&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20App%20Manager&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Profiler&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&product=Firefox">All devtools bugs fixed between Firefox 31 and Firefox 32</a>.</p> - -<h2 id="Firefox_31">Firefox 31</h2> - -<p>Highlights:</p> - -<ul> - <li><a href="https://developer.mozilla.org/ru/docs/Tools/Eyedropper">Eyedropper tool to select colors in web pages</a></li> - <li><a href="https://developer.mozilla.org/ru/docs/Tools/Web_Console#Error_messages">full stack traces for console error messages</a></li> - <li><a href="https://developer.mozilla.org/ru/docs/Tools/Page_Inspector#Box_model_view">editable Box Model View</a></li> - <li><a href="https://developer.mozilla.org/ru/docs/Tools/Web_Console#Styling_messages">%c formatting to style console messages</a></li> - <li><a href="https://developer.mozilla.org/ru/docs/Tools/Network_Monitor#Copy_as_cURL">"copy as cURL" command in Network Monitor</a></li> - <li><a href="https://developer.mozilla.org/ru/docs/tools/Keyboard_shortcuts#Source_editor">Sublime Text keybindings in the source editor</a></li> -</ul> - -<p>More details:</p> - -<ul> - <li><a href="/ru/docs/Tools/Network_Monitor#Network_request_list">Option to make Network Monitor logs persistent</a></li> - <li><a href="/ru/docs/Tools/Web_Console#JavaScript_errors_and_warnings">JavaScript warnings on by default in the Web Console</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#HTML_pane_2">Alt+click to expand all descendants of a node</a></li> -</ul> - -<p><a href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2014-04-28&chfield=resolution&query_format=advanced&chfieldfrom=2014-03-17&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20App%20Manager&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Profiler&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&product=Firefox&list_id=10022921">All devtools bugs fixed between Firefox 30 and Firefox 31</a>.</p> - -<h2 id="Firefox_30">Firefox 30</h2> - -<p>Highlights:</p> - -<ul> - <li><a href="https://www.youtube.com/watch?v=y2LcsxE2pR0">Box model highlighting in the Page Inspector</a></li> - <li><a href="/ru/docs/Tools/Web_Console#Working_with_iframes">Web Console support for executing JS in frames</a></li> - <li>Web Console display improvements: code highlighting, <a href="/ru/docs/Tools/Web_Console#Highlighting_and_inspecting_nodes">node highlighting and inspection</a></li> - <li>Network Monitor theme improvements, <a href="/ru/docs/Tools/Network_Monitor#Network_request_fields">image thumbnails, image preview</a>, <a href="/ru/docs/Tools/Network_Monitor#Preview">HTML preview</a></li> - <li><a href="/ru/docs/Tools/Browser_Console#Browser_Console_command_line">Browser Console input must now be enabled in Settings</a></li> - <li><a href="/ru/docs/Tools_Toolbox#Available_Toolbox_Buttons">Icons for Scratchpad and other tools now hidden by default</a></li> -</ul> - -<p>More details:</p> - -<ul> - <li>Support for <a href="/ru/docs/Web/API/console.count">console.count()</a></li> - <li><a href="/ru/docs/Tools/Web_Console#Keyboard_shortcuts">New shortcut key to focus on web console command line</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#font-family_tooltip">Font family tooltip in the Inspector</a></li> - <li><a href="/ru/Firefox_OS/Debugging/Developer_settings#Developer_HUD">Firefox OS HUD</a> features: memory tracking and jank monitor</li> -</ul> - -<p><a href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2014-03-17&chfield=resolution&query_format=advanced&chfieldfrom=2014-02-03&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20App%20Manager&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Profiler&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&product=Firefox&list_id=9755315">All devtools bugs fixed between Firefox 29 and Firefox 30</a>.</p> - -<h2 id="Firefox_29">Firefox 29</h2> - -<p><a href="https://hacks.mozilla.org/2014/02/css-source-map-support-network-performance-analysis-more-firefox-developer-tools-episode-29/" title="http://www.mozilla.org/ru/firefox/aurora/">Firefox 29 Hacks post</a>. Highlights:</p> - -<ul> - <li><a href="/ru/docs/Tools_Toolbox#Choose_DevTools_theme">Theme improvements</a>, including major updates to the light theme</li> - <li><a href="/ru/docs/Tools/Network_Monitor#Performance_analysis">Network Monitor performance analysis tool</a></li> - <li><a href="/ru/docs/Tools/Style_Editor#Source_map_support">CSS source maps</a></li> - <li><a href="/ru/docs/Tools/Page_Inspector#Selecting_elements">Changes in the way node selection works in the Inspector</a></li> - <li><a href="/ru/docs/Tools/Debugger#Call_stack_pane">Classic call stack</a> for the Debugger, and added the ability to <a href="/ru/docs/Tools/Debugger#Highlight_and_inspect_DOM_nodes">highlight and inspect nodes</a></li> - <li><a href="/ru/docs/Tools/Using_the_Source_Editor#See_also">Emacs and Vim keybindings in the source editor</a></li> -</ul> - -<h2 id="Firefox_28">Firefox 28</h2> - -<p><a href="https://hacks.mozilla.org/2013/12/split-console-pretty-print-minified-js-and-more-firefox-developer-tools-episode-28/" title="Aurora Hacks post">Firefox 28 Hacks post</a>. Highlights:</p> - -<ul> - <li>The App Manager has an integrated <a href="/ru/Firefox_OS/Using_the_App_Manager#Manifest_editor">manifest editor</a></li> - <li>The <a href="/ru/docs/Tools/Web_Console#The_split_console">Split Console</a> feature enables you to use the Web Console and another developer tool side by side</li> - <li><a href="/ru/docs/Tools/Debugger#Pretty-print_a_minified_file">Pretty-print minified JavaScript</a> in the Debugger</li> - <li><a href="/ru/docs/Tools/Page_Inspector#Rules_view">Color picker tooltip</a> in the Inspector</li> - <li><a href="/ru/docs/Tools/Browser_Toolbox">Browser Toolbox</a> for debugging platform or add-on code</li> -</ul> - -<h2 id="Firefox_27">Firefox 27</h2> - -<p><a href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/">Firefox 27 Hacks post</a>. Highlights:</p> - -<ul> - <li><a href="/ru/docs/Tools/Shader_Editor">Редактор шейдеров</a> позволяет просматривать и редактировать шейдеры WebGL</li> - <li>Возможность поставить точку остановки в дебаггере на определенное <a href="/ru/docs/Tools/Debugger#Break_on_a_DOM_event">DOM событие</a> которое Вам нужно отловить</li> - <li><a href="/ru/docs/Tools/Page_Inspector#Editing_HTML">Редактирование HTML в Инспекторе</a></li> - <li>See color swatches and background images in the Inspector's <a href="/ru/docs/Tools/Page_Inspector#Rules_view">Rules view</a></li> - <li>The Web Веб консольConsole now <a href="/ru/docs/Tools/Web_Console#Reflow_events">logs reflow events</a></li> - <li>CodeMirror is now used as the source editor in many tools</li> -</ul> diff --git a/files/ru/tools/responsive_design_view/index.html b/files/ru/tools/responsive_design_mode/index.html index e5acc43af0..417421f884 100644 --- a/files/ru/tools/responsive_design_view/index.html +++ b/files/ru/tools/responsive_design_mode/index.html @@ -1,17 +1,18 @@ --- title: Режим адаптивного дизайна -slug: Tools/Responsive_Design_View +slug: Tools/Responsive_Design_Mode tags: - Design - Firefox - Guide - Tools - Web Development - - 'l10n:priority' + - l10n:priority - Дизайн - адаптивный дизайн - инструменты разработки translation_of: Tools/Responsive_Design_Mode +original_slug: Tools/Responsive_Design_View --- <div>{{ToolsSidebar}}</div> diff --git a/files/ru/tools/линейки/index.html b/files/ru/tools/rulers/index.html index c8d17fffac..e14bb8a970 100644 --- a/files/ru/tools/линейки/index.html +++ b/files/ru/tools/rulers/index.html @@ -1,7 +1,8 @@ --- title: Линейки -slug: Tools/Линейки +slug: Tools/Rulers translation_of: Tools/Rulers +original_slug: Tools/Линейки --- <div>{{ToolsSidebar}}</div><p class="geckoVersionNote">Новое в Firefox 40.</p> diff --git a/files/ru/tools/web_console/opening_the_web_console/index.html b/files/ru/tools/web_console/ui_tour/index.html index 41f3e760cc..6848e5d67c 100644 --- a/files/ru/tools/web_console/opening_the_web_console/index.html +++ b/files/ru/tools/web_console/ui_tour/index.html @@ -1,7 +1,8 @@ --- title: Opening the Web Console -slug: Tools/Web_Console/Opening_the_Web_Console +slug: Tools/Web_Console/UI_Tour translation_of: Tools/Web_Console/UI_Tour +original_slug: Tools/Web_Console/Opening_the_Web_Console --- <div>{{ToolsSidebar}}</div><p>To open the Web Console:</p> |