From 841aae260382e2bf5ebb44d765d8c7301d27caab Mon Sep 17 00:00:00 2001 From: Alexey Istomin Date: Sat, 20 Mar 2021 18:37:44 +0300 Subject: Restore "ё" letter in Russian translation (#239) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * docs(ru): restore ё letter * docs(ru): resolve conflicts * refactor(idea): remove ide folder --- files/ru/tools/3d_view/index.html | 4 ++-- files/ru/tools/accessibility_inspector/index.html | 2 +- files/ru/tools/debugger/index.html | 2 +- .../ru/tools/debugger/source_map_errors/index.html | 4 ++-- files/ru/tools/index.html | 8 ++++---- files/ru/tools/network_monitor/index.html | 6 +++--- .../how_to/edit_css_shapes/index.html | 22 +++++++++++----------- .../how_to/examine_and_edit_css/index.html | 2 +- .../how_to/examine_event_listeners/index.html | 2 +- .../how_to/inspect_and_select_colors/index.html | 2 +- .../how_to/work_with_animations/index.html | 14 +++++++------- files/ru/tools/performance/index.html | 4 ++-- files/ru/tools/performance/waterfall/index.html | 2 +- .../debugging_firefox_desktop/index.html | 2 +- files/ru/tools/remote_debugging/index.html | 4 ++-- files/ru/tools/responsive_design_mode/index.html | 2 +- files/ru/tools/shader_editor/index.html | 2 +- files/ru/tools/storage_inspector/index.html | 4 ++-- files/ru/tools/style_editor/index.html | 4 ++-- files/ru/tools/tools_toolbox/index.html | 6 +++--- files/ru/tools/web_audio_editor/index.html | 14 +++++++------- files/ru/tools/web_console/helpers/index.html | 4 ++-- files/ru/tools/web_console/index.html | 20 ++++++++++---------- .../ru/tools/web_console/split_console/index.html | 6 +++--- files/ru/tools/working_with_iframes/index.html | 2 +- 25 files changed, 72 insertions(+), 72 deletions(-) (limited to 'files/ru/tools') diff --git a/files/ru/tools/3d_view/index.html b/files/ru/tools/3d_view/index.html index b5b8c0ded1..28f6dd0124 100644 --- a/files/ru/tools/3d_view/index.html +++ b/files/ru/tools/3d_view/index.html @@ -18,7 +18,7 @@ translation_of: Tools/3D_View

-

Нажимая и перетаскивая представление, вы можете поворачивать и переориентировать трехмерную презентацию иерархии DOM на своей странице, чтобы увидеть ее под разными углами, чтобы лучше изучить ее структуру. Элементы вне экрана становятся видимыми, чтобы вы могли видеть, где находятся ваши элементы по отношению к видимому контенту. Вы можете щелкнуть по элементам, чтобы увидеть их HTML на панели HTML или на панели «Стиль». И наоборот, вы можете щелкнуть элементы на панели поиска, чтобы изменить, какой элемент выбран в 3D-представлении.

+

Нажимая и перетаскивая представление, вы можете поворачивать и переориентировать трёхмерную презентацию иерархии DOM на своей странице, чтобы увидеть её под разными углами, чтобы лучше изучить её структуру. Элементы вне экрана становятся видимыми, чтобы вы могли видеть, где находятся ваши элементы по отношению к видимому контенту. Вы можете щёлкнуть по элементам, чтобы увидеть их HTML на панели HTML или на панели «Стиль». И наоборот, вы можете щёлкнуть элементы на панели поиска, чтобы изменить, какой элемент выбран в 3D-представлении.

Если вы не видите кнопку 3D в инспекторе страницы, возможно, что ваш графический драйвер нуждается в обновлении. Дополнительную информацию см. На странице драйверов.

@@ -88,7 +88,7 @@ translation_of: Tools/3D_View diff --git a/files/ru/tools/accessibility_inspector/index.html b/files/ru/tools/accessibility_inspector/index.html index 52c20f411a..7dc539fd14 100644 --- a/files/ru/tools/accessibility_inspector/index.html +++ b/files/ru/tools/accessibility_inspector/index.html @@ -14,7 +14,7 @@ original_slug: Tools/Инспектор_доступности

Здесь мы в основном говорим о том, чтобы донести информацию людям с нарушениями зрения - это делается с помощью API доступности, доступных внутри веб-браузеров, которые раскрывают информацию о том, какие роли играют разные элементы на вашей странице (например, они являются текстом или кнопками, ссылками, элементами форм и т. д.?).

-

Семантические элементы DOM имеют роли, назначенные им по умолчанию, которые имеют свое предназначение. Иногда приходится использовать некоторую не семантическую разметку (например, {{htmlelement ("div")}}) для создания сложного настраиваемого элемента управления, а элемент управления не будет иметь роль по умолчанию, которая отражает его назначение. В такой ситуации вы можете использовать атрибуты роли WAI-ARIA для обозначения своих собственных ролей.

+

Семантические элементы DOM имеют роли, назначенные им по умолчанию, которые имеют своё предназначение. Иногда приходится использовать некоторую не семантическую разметку (например, {{htmlelement ("div")}}) для создания сложного настраиваемого элемента управления, а элемент управления не будет иметь роль по умолчанию, которая отражает его назначение. В такой ситуации вы можете использовать атрибуты роли WAI-ARIA для обозначения своих собственных ролей.

Роли и другая информация, предоставляемая API-интерфейсами браузера, представлена в иерархической структуре, называемой деревом доступности. Это немного похоже на дерево DOM, за исключением того, что оно содержит более ограниченный набор элементов и немного другую информацию о них.

diff --git a/files/ru/tools/debugger/index.html b/files/ru/tools/debugger/index.html index 2ff61ab577..14ba440f2a 100644 --- a/files/ru/tools/debugger/index.html +++ b/files/ru/tools/debugger/index.html @@ -13,7 +13,7 @@ translation_of: Tools/Debugger ---
{{ToolsSidebar}}

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

-

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

+

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

{{EmbedYouTube("sK8KU8oiF8s")}}

diff --git a/files/ru/tools/debugger/source_map_errors/index.html b/files/ru/tools/debugger/source_map_errors/index.html index 40dc3098d3..0cc0e25ef2 100644 --- a/files/ru/tools/debugger/source_map_errors/index.html +++ b/files/ru/tools/debugger/source_map_errors/index.html @@ -5,13 +5,13 @@ translation_of: Tools/Debugger/Source_map_errors ---

{{ToolsSidebar}}

-

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

+

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

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

-

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

+

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

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

diff --git a/files/ru/tools/index.html b/files/ru/tools/index.html index 92f2c54bfd..2310ea29f7 100644 --- a/files/ru/tools/index.html +++ b/files/ru/tools/index.html @@ -37,7 +37,7 @@ translation_of: Tools - Щелчок по данной кнопке создает снимок экрана (screenshot) текущей страницы. (Внимание: По умолчанию данная функция отключена и, при необходимости, должна быть включена в настройках.) + Щелчок по данной кнопке создаёт снимок экрана (screenshot) текущей страницы. (Внимание: По умолчанию данная функция отключена и, при необходимости, должна быть включена в настройках.) @@ -139,14 +139,14 @@ translation_of: Tools
Редактор веб аудио 
Изучите график аудиоузлов в аудиоконтексте и измените их параметры.
Делать скриншоты
-
Сделайте скриншот всей страницы, или одного ее элемента.
+
Сделайте скриншот всей страницы, или одного её элемента.

Подключение инструментов разработчика

-

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

+

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

@@ -176,7 +176,7 @@ translation_of: Tools

Расширение инструментов разработчика

-

Инструменты разработчика предназначены для расширения. Дополнения Firefox могут получить доступ к инструментам разработчика и компонентам, которые они используют для расширения существующих инструментов и добавления новых инструментов. С помощью протокола удаленной отладки вы можете реализовать свои собственные клиенты и серверы отладки, что позволяет отлаживать веб-сайты с помощью собственных инструментов или отлаживать различные цели с помощью инструментов Firefox.

+

Инструменты разработчика предназначены для расширения. Дополнения Firefox могут получить доступ к инструментам разработчика и компонентам, которые они используют для расширения существующих инструментов и добавления новых инструментов. С помощью протокола удалённой отладки вы можете реализовать свои собственные клиенты и серверы отладки, что позволяет отлаживать веб-сайты с помощью собственных инструментов или отлаживать различные цели с помощью инструментов Firefox.

diff --git a/files/ru/tools/network_monitor/index.html b/files/ru/tools/network_monitor/index.html index 082d35be00..3d3db1dc5a 100644 --- a/files/ru/tools/network_monitor/index.html +++ b/files/ru/tools/network_monitor/index.html @@ -88,7 +88,7 @@ translation_of: Tools/Network_Monitor

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

    -
  • Статус (Status): возвращенный HTTP-код статуса. Здесь есть цветной значок: +
  • Статус (Status): возвращённый HTTP-код статуса. Здесь есть цветной значок:
    • синий круг - для информационных кодов (коды 1XX). В частности включает код 101 (переключение протоколов) для WebSocket-переключения.
      • @@ -97,7 +97,7 @@ translation_of: Tools/Network_Monitor
    • красный квадрат - для ошибок (4XX и 5XX)
    • серая окружность - для ответов, которые получены из кэша браузера.
    - Точный код отображен сразу после значка.
    • + Точный код отображён сразу после значка.
  • Метод (Method): HTTP-метод запроса.
  • Файл (File): базовое имя запрошенного файла.
  • Протокол (Protocol): Используемый сетевой протокол. (По умолчанию скрытая колонка. Новая в Firefox 55)
    • @@ -459,7 +459,7 @@ translation_of: Tools/Network_Monitor

    Новое в Firefox 54

-

Кроме того, каждый заголовок это ссылка для углубленного изучения документации заголовков HTTP.

+

Кроме того, каждый заголовок это ссылка для углублённого изучения документации заголовков HTTP.

Куки (Cookies)

diff --git a/files/ru/tools/page_inspector/how_to/edit_css_shapes/index.html b/files/ru/tools/page_inspector/how_to/edit_css_shapes/index.html index 5e0e030b97..af51af53df 100644 --- a/files/ru/tools/page_inspector/how_to/edit_css_shapes/index.html +++ b/files/ru/tools/page_inspector/how_to/edit_css_shapes/index.html @@ -11,7 +11,7 @@ translation_of: Tools/Page_Inspector/How_to/Edit_CSS_shapes ---

{{ToolsSidebar}}

-

The Shape Path Editor - это инструмент, который поможет вам увидеть и редактировать фигуры, созданные с помощью {{cssxref ("clip-path")}}, а также свойство CSS {{cssxref ("shape-outside")}} и {{cssxref ("<basic-shape>")}}. В этом руководстве вы найдете все доступные варианты.

+

The Shape Path Editor - это инструмент, который поможет вам увидеть и редактировать фигуры, созданные с помощью {{cssxref ("clip-path")}}, а также свойство CSS {{cssxref ("shape-outside")}} и {{cssxref ("<basic-shape>")}}. В этом руководстве вы найдёте все доступные варианты.

Активация / деактивация Shape Path Editor

@@ -23,14 +23,14 @@ translation_of: Tools/Page_Inspector/How_to/Edit_CSS_shapes

-

Чтобы отключить Shape Path Editor, щелкните по иконке еще раз или выберите другой элемент или другой редактор. Обратите внимание, что Shape Path Editor не сохраняется между перезагрузкой страницы - если вы перезагрузите страницу, вам нужно будет снова выбрать элемент.

+

Чтобы отключить Shape Path Editor, щёлкните по иконке ещё раз или выберите другой элемент или другой редактор. Обратите внимание, что Shape Path Editor не сохраняется между перезагрузкой страницы - если вы перезагрузите страницу, вам нужно будет снова выбрать элемент.

Понимание строк, нарисованных редактором

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

    -
  • Сплошная линия показывает контур фигуры, которая обертывает текст. Это ваша форма. Если форма обрезается по margin box, то margin box будет составлять часть этой строки.
    • +
  • Сплошная линия показывает контур фигуры, которая обёртывает текст. Это ваша форма. Если форма обрезается по margin box, то margin box будет составлять часть этой строки.
  • Пунктирная линия демонстрирует контур формы, которая проходит мимо ссылки margin box; это область, которая будет обрезана по margin box. Чтобы понять margin box и другие поля, используемые формулой CSS, см. Shapes from box values.
@@ -42,11 +42,11 @@ translation_of: Tools/Page_Inspector/How_to/Edit_CSS_shapes

circle()

-

Если значение shape-outside равно circle(), значит вы создаете circle basic shape. При нажатии на иконку формы рядом со значением circle() будет выделена фигура, а также вы можете изменить размер круга или перемещать его центр. Если вы перемещаете или изменяете размер круга за пределами поля, края становятся обрезаны им.

+

Если значение shape-outside равно circle(), значит вы создаёте circle basic shape. При нажатии на иконку формы рядом со значением circle() будет выделена фигура, а также вы можете изменить размер круга или перемещать его центр. Если вы перемещаете или изменяете размер круга за пределами поля, края становятся обрезаны им.

-

В панели правил вы можете увидеть значения для circle() при изменении формы. Затем вы можете скопировать эти значения обратно в таблицу стилей, чтобы создать новый, измененный путь формы.

+

В панели правил вы можете увидеть значения для circle() при изменении формы. Затем вы можете скопировать эти значения обратно в таблицу стилей, чтобы создать новый, изменённый путь формы.

ellipse()

@@ -64,23 +64,23 @@ translation_of: Tools/Page_Inspector/How_to/Edit_CSS_shapes

polygon()

-

Если значение shape-outside равно polygon(), значит вы используете polygon basic shape. Это самый сложный из основных значений формы, поэтому инструмент дает вам больше возможностей при их редактировании:

+

Если значение shape-outside равно polygon(), значит вы используете polygon basic shape. Это самый сложный из основных значений формы, поэтому инструмент даёт вам больше возможностей при их редактировании:

    -
  • Нажатие на значок формы активирует Shapes Path Editor и дает вам возможность перемещать любую из точек вашей фигуры многоугольника.
    • -
  • Дважды щелкните в любом месте линии формы, и вы получите новую точку для настройки.
    • -
  • Дважды щелкните по существующей точке, и она будет удалена. Помните, что многоугольник должен содержать не менее трех точек.
    • +
  • Нажатие на значок формы активирует Shapes Path Editor и даёт вам возможность перемещать любую из точек вашей фигуры многоугольника.
    • +
  • Дважды щёлкните в любом месте линии формы, и вы получите новую точку для настройки.
    • +
  • Дважды щёлкните по существующей точке, и она будет удалена. Помните, что многоугольник должен содержать не менее трёх точек.

Перемещение и масштабирование фигур

-

Есть дополнительные функциональные возможности, доступные на выделенной фигуре - если вы нажмете Ctrl/Cmd + щелчок на значок фигуры для своей фигуры, подсветка изменится, вместо этого будет возможность масштабировать и / или перемещать ее. Еще раз, произойдет отсечение, если вы превысите границы margin box.

+

Есть дополнительные функциональные возможности, доступные на выделенной фигуре - если вы нажмёте Ctrl/Cmd + щелчок на значок фигуры для своей фигуры, подсветка изменится, вместо этого будет возможность масштабировать и / или перемещать ее. Ещё раз, произойдёт отсечение, если вы превысите границы margin box.

-

Если ваша форма является многоугольником, вы также получаете возможность вращать ее вокруг оси.

+

Если ваша форма является многоугольником, вы также получаете возможность вращать её вокруг оси.

Поддержка браузера

diff --git a/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html b/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html index 12eae4fb72..8b8aa492ed 100644 --- a/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html +++ b/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html @@ -15,7 +15,7 @@ translation_of: Tools/Page_Inspector/How_to/Examine_and_edit_CSS

В списке правил так же будут отображены и стили браузера (user-agent styles), если данная опция выставлена в настройках панели разработчика (developer tool settings). Заметьте, эта опция не зависит от опции "Browser styles" вкладки Computed view.

-

Начиная с Firefox 44 и выше, на панеле Rules отображаются все авторские стили, включая те, которые не поддерживаются или содержат ошибки. Это может помочь вам понять, почему определенные стили не применяются:

+

Начиная с Firefox 44 и выше, на панеле Rules отображаются все авторские стили, включая те, которые не поддерживаются или содержат ошибки. Это может помочь вам понять, почему определённые стили не применяются:

diff --git a/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html b/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html index 089956c916..86763462f5 100644 --- a/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html +++ b/files/ru/tools/page_inspector/how_to/examine_event_listeners/index.html @@ -15,7 +15,7 @@ original_slug: Tools/Page_Inspector/How_to/Исследовать_event_listener

Нажмите на иконку, затем вы увидите всплывающее окно со списком всех Event Listeners, связанных с этим элементом:Каждая строка содержит:

    -
  • кнопка паузы: щелкните на нее, чтобы перейти к "event Listener" в Отладчик, где вы сможете установить контрольную точку в нем
    • +
  • кнопка паузы: щёлкните на неё, чтобы перейти к "event Listener" в Отладчик, где вы сможете установить контрольную точку в нем
  • название события
  • название и номер строки обработчика: нажмите, чтобы увидеть функцию обработчика во всплывающем окне
  • метка, указывающая, является ли событие всплывающим
    • diff --git a/files/ru/tools/page_inspector/how_to/inspect_and_select_colors/index.html b/files/ru/tools/page_inspector/how_to/inspect_and_select_colors/index.html index 3b94b74f0f..d5b2bfa5cc 100644 --- a/files/ru/tools/page_inspector/how_to/inspect_and_select_colors/index.html +++ b/files/ru/tools/page_inspector/how_to/inspect_and_select_colors/index.html @@ -19,7 +19,7 @@ translation_of: Tools/Page_Inspector/How_to/Inspect_and_select_colors

    {{EmbedYouTube("0Zx1TN21QOo", "16:9")}}

    -

    Начиная с Firefox 40, для изменения формата отображения цвета надо, удерживая кнопку Shift, щелкнуть на образце цвета кнопкой мыши.

    +

    Начиная с Firefox 40, для изменения формата отображения цвета надо, удерживая кнопку Shift, щёлкнуть на образце цвета кнопкой мыши.

    {{EmbedYouTube("gYL8-gxc1MA")}}

    diff --git a/files/ru/tools/page_inspector/how_to/work_with_animations/index.html b/files/ru/tools/page_inspector/how_to/work_with_animations/index.html index d5c3c50b6b..7daa747e12 100644 --- a/files/ru/tools/page_inspector/how_to/work_with_animations/index.html +++ b/files/ru/tools/page_inspector/how_to/work_with_animations/index.html @@ -16,7 +16,7 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations

    Когда вы create a CSS animation вы можете задать timing function: это определяет скорость, с которой анимация прогрессирует. Один из способов определить функцию является синхронизация с кубической кривой Безье.

    -

    Временные функции, определенные как кубические кривые Безье получают значок в правилах просмотра. При нажатии на иконку вы получаете визуальный редактор для кривой, что позволяет перетащить P1 and P2, и увидеть результат на странице:

    +

    Временные функции, определённые как кубические кривые Безье получают значок в правилах просмотра. При нажатии на иконку вы получаете визуальный редактор для кривой, что позволяет перетащить P1 and P2, и увидеть результат на странице:

    {{EmbedYouTube("GW5-R2ewaqA")}}

    @@ -33,21 +33,21 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations

    Инспектор Анимации

    -

    Хотя этот инструмент был введен в Firefox 41, его пользовательский интерфейс был переделан в Firefox 43. В данной статье описывается инспектор анимации появившийся в Firefox 43 и последующих выпусках. Если вы хотите увидеть, как инспектор анимации выглядит в Firefox 41 и 42 см this separate page.

    +

    Хотя этот инструмент был введён в Firefox 41, его пользовательский интерфейс был переделан в Firefox 43. В данной статье описывается инспектор анимации появившийся в Firefox 43 и последующих выпусках. Если вы хотите увидеть, как инспектор анимации выглядит в Firefox 41 и 42 см this separate page.

    Из Firefox 41, Инспектор страниц включил в себя extra view labeled "Animations".

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

    -

    Чтобы увидеть, как это работает, мы разберем пример. Раздел данный ниже содержит три серые иконки, каждая из которых представляет разные Firefox channel. Если щелкнуть значок, он увеличивается изменения цвет, и на экране отображается название канала. Нажмите на значок еще раз, чтобы изменить эффект. Эти анимации сделаны путем применения переходов к нескольким свойствам CSS.

    +

    Чтобы увидеть, как это работает, мы разберём пример. Раздел данный ниже содержит три серые иконки, каждая из которых представляет разные Firefox channel. Если щёлкнуть значок, он увеличивается изменения цвет, и на экране отображается название канала. Нажмите на значок ещё раз, чтобы изменить эффект. Эти анимации сделаны путём применения переходов к нескольким свойствам CSS.

    {{ EmbedLiveSample('firefox-logo-animation', 500, 250, "", "Tools/Page_Inspector/How_to/Work_with_animations/Animations_examples") }}

    Давайте использовать инспектор анимации, чтобы увидеть, что происходит на данном примере.

      -
    • Используйте Firefox 43 или более позднюю версию, щелкните правой кнопкой мыши один из значков и выберите пункт "Проверить элемент".
      • +
    • Используйте Firefox 43 или более позднюю версию, щёлкните правой кнопкой мыши один из значков и выберите пункт "Проверить элемент".
    • Вы, вероятно, также хотите настроить выбранный узел на один уровень вверх, к узлу.
       
      • @@ -64,7 +64,7 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations

      -

      Он показывает синхронизированный график для каждого перехода CSS свойств участвующих в анимации. Шкала времени начинается с начала первого перехода, и заканчивается в конце последнего перехода, и помечена маркерами каждые 100 миллисекунд (это зависит от временного масштаба анимации отображаемой в данный момент). Вы можете видеть, что приведенный выше пример занимает 735 миллисекунд для запуска.

      +

      Он показывает синхронизированный график для каждого перехода CSS свойств участвующих в анимации. Шкала времени начинается с начала первого перехода, и заканчивается в конце последнего перехода, и помечена маркерами каждые 100 миллисекунд (это зависит от временного масштаба анимации отображаемой в данный момент). Вы можете видеть, что приведённый выше пример занимает 735 миллисекунд для запуска.

      Каждая анимация или переход показан в виде горизонтальной полосы, установленной по шкале времени:

      @@ -81,7 +81,7 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations
      Если в анимации или переходе произошла задержка, это показано в виде заштрихованной части панели.
-
  • При наведении курсора на панели появляется подсказка, что дает вам более подробную информацию о анимации или переходе .
    • +
  • При наведении курсора на панели появляется подсказка, что даёт вам более подробную информацию о анимации или переходе .

    • С левой стороны бара переключатель для узлов относящихся к анимации. если навести курсор на переключатель, то выделится узел на странице. Нажмите переключатель для выбора узла в инспекторе

    @@ -112,7 +112,7 @@ translation_of: Tools/Page_Inspector/How_to/Work_with_animations
  • текущее время в анимации отображается (новое в Firefox 44).
    • -

    И, наконец, если вы щелкните внутри панели в верхней части шкалы времени, вы получаете скруббер, который вы можете перетащить влево и вправо для перемотки анимации назад и вперед, и точно определить, что происходит, когда:

    +

    И, наконец, если вы щёлкните внутри панели в верхней части шкалы времени, вы получаете скруббер, который вы можете перетащить влево и вправо для перемотки анимации назад и вперёд, и точно определить, что происходит, когда:

    {{EmbedYouTube("1hqNaMsB48g")}}

    diff --git a/files/ru/tools/performance/index.html b/files/ru/tools/performance/index.html index ac389754f9..5e443d707e 100644 --- a/files/ru/tools/performance/index.html +++ b/files/ru/tools/performance/index.html @@ -4,13 +4,13 @@ slug: Tools/Performance translation_of: Tools/Performance original_slug: Tools/Производительность --- -
    {{ToolsSidebar}}

    Инструмент даёт Вам понять общую отзывчивость вашего сайта,  JavaScript и общее представление о разметке. С помощью инструмента производительности Вы создадите запись или профиль своего сайта за определенный промежуток времени. Затем, инструмент покажет Вам действия браузера и график смены частоты кадров, поверх профиля, рендера Вашего сайта.

    +
    {{ToolsSidebar}}

    Инструмент даёт Вам понять общую отзывчивость вашего сайта,  JavaScript и общее представление о разметке. С помощью инструмента производительности Вы создадите запись или профиль своего сайта за определённый промежуток времени. Затем, инструмент покажет Вам действия браузера и график смены частоты кадров, поверх профиля, рендера Вашего сайта.

    Вы получите четыре набора инструментов для более подробного изучения аспектов профиля:

    diff --git a/files/ru/tools/performance/waterfall/index.html b/files/ru/tools/performance/waterfall/index.html index d5f821478a..9489c9f740 100644 --- a/files/ru/tools/performance/waterfall/index.html +++ b/files/ru/tools/performance/waterfall/index.html @@ -5,7 +5,7 @@ translation_of: Tools/Performance/Waterfall original_slug: Tools/Производительность/Waterfall ---
    {{ToolsSidebar}}
    -

    Водопад (Waterfall) дает вам представление о различных процессах, которые происходят внутри браузера, когда вы открывайте ваш сайт или запускаете ваше приложение. Он основан на идее разделения всех происходящих внутри браузера процессов на различные типы  - запуск JavaScript, обновление layout и так далее - и что в любой момент времени браузер выполняет один из этих процессов.

    +

    Водопад (Waterfall) даёт вам представление о различных процессах, которые происходят внутри браузера, когда вы открывайте ваш сайт или запускаете ваше приложение. Он основан на идее разделения всех происходящих внутри браузера процессов на различные типы  - запуск JavaScript, обновление layout и так далее - и что в любой момент времени браузер выполняет один из этих процессов.

    Поэтому если вы увидите признаки проблем с производительностью  - например, падения частоты кадров - вы можете запустить Waterfall, чтобы увидеть, что делает браузер в этот момент.

    diff --git a/files/ru/tools/remote_debugging/debugging_firefox_desktop/index.html b/files/ru/tools/remote_debugging/debugging_firefox_desktop/index.html index 3f4cd3c478..33a107cc34 100644 --- a/files/ru/tools/remote_debugging/debugging_firefox_desktop/index.html +++ b/files/ru/tools/remote_debugging/debugging_firefox_desktop/index.html @@ -67,7 +67,7 @@ translation_of: Tools/Remote_Debugging/Debugging_Firefox_Desktop diff --git a/files/ru/tools/remote_debugging/index.html b/files/ru/tools/remote_debugging/index.html index 1f99c5e8df..06b878cb3c 100644 --- a/files/ru/tools/remote_debugging/index.html +++ b/files/ru/tools/remote_debugging/index.html @@ -8,7 +8,7 @@ tags: - инструменты translation_of: Tools/Remote_Debugging --- -
    {{ToolsSidebar}}

    Вы можете использовать Инструменты разработчика Firefox на вашем компьютере для отладки веб-сайтов и веб-приложений, запущенных в других браузерах или программах. Другие браузеры могут быть на том же устройстве, где запущены Инструменты, или же на другом, например, на телефоне, подключенном через USB.

    +
    {{ToolsSidebar}}

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

    Конкретные инструкции по подключению Инструментов специфичны для каждой из сред.

    @@ -37,7 +37,7 @@ translation_of: Tools/Remote_Debugging

    Экспериментальное дополнение Valence позволяет отлаживать веб-сайты в средах выполнения отличных от Gecko, например, Google Chrome Desktop, Chrome для Android или Safari на iOS.

    -

    Valence по умолчанию включен в Firefox Developer Edition.

    +

    Valence по умолчанию включён в Firefox Developer Edition.

    -

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

    +

    На данный момент, инспектор хранения даёт представление только для чтения памяти. Но мы работаем, чтобы позволить вам редактировать содержимое хранилища в будущих выпусках.

    Открыть инспектор хранилища

    diff --git a/files/ru/tools/style_editor/index.html b/files/ru/tools/style_editor/index.html index e92e03d180..3fade8632c 100644 --- a/files/ru/tools/style_editor/index.html +++ b/files/ru/tools/style_editor/index.html @@ -41,7 +41,7 @@ translation_of: Tools/Style_Editor

    Панель таблицы стилей

    -

    Панель стилей слева, перечисляет все таблицы стилей в текущем документе. Вы можете быстро включать и выключать стили листа нажав на против него значок глаза. Вы можете сохранить любые изменения, внесенные в таблицу стилей на локальном компьютере, нажав кнопку Сохранить в правом нижнем углу возле каждого листа в списке.

    +

    Панель стилей слева, перечисляет все таблицы стилей в текущем документе. Вы можете быстро включать и выключать стили листа нажав на против него значок глаза. Вы можете сохранить любые изменения, внесённые в таблицу стилей на локальном компьютере, нажав кнопку Сохранить в правом нижнем углу возле каждого листа в списке.

    Панель редактора

    @@ -57,7 +57,7 @@ translation_of: Tools/Style_Editor

    Боковая панель @media

    -

    С Firefox 33 и далее, Редактор Стилей отображает боковую панель на правой стороне, где текущий лист содержит какие-либо @media правила. Боковая панель содержит список правил и ссылку на строки таблицы, где правило определено. Щелкните элемент, чтобы перейти к этому правилу в листе.Состояние текста остаётся серым, если запрос медиа в настоящее время не применяется.

    +

    С Firefox 33 и далее, Редактор Стилей отображает боковую панель на правой стороне, где текущий лист содержит какие-либо @media правила. Боковая панель содержит список правил и ссылку на строки таблицы, где правило определено. Щёлкните элемент, чтобы перейти к этому правилу в листе.Состояние текста остаётся серым, если запрос медиа в настоящее время не применяется.

    Боковая панель медиа особенно хорошо работает с Responsive Design View для создания и отладки мобильных макетов:

    diff --git a/files/ru/tools/tools_toolbox/index.html b/files/ru/tools/tools_toolbox/index.html index 731de81e98..024d412795 100644 --- a/files/ru/tools/tools_toolbox/index.html +++ b/files/ru/tools/tools_toolbox/index.html @@ -44,7 +44,7 @@ translation_of: Tools/Tools_Toolbox
  • Монитор Сетевых Параметров
    • -

    Учтите, что в этом разделе не всегда могут быть видны все инструменты Панели: в этом разделе показываются только те инструменты, которые доступные в данном контексте (например, пока еще не все инструменты поддерживают функцию удалённой отладки. Таким образом, если элементом отладки, из-за которого открыта Панель инструментов, является объект, который не поддерживает функцию отладки Firefox, то в этом разделе будут показаны не все инструменты Основного набора).

    +

    Учтите, что в этом разделе не всегда могут быть видны все инструменты Панели: в этом разделе показываются только те инструменты, которые доступные в данном контексте (например, пока ещё не все инструменты поддерживают функцию удалённой отладки. Таким образом, если элементом отладки, из-за которого открыта Панель инструментов, является объект, который не поддерживает функцию отладки Firefox, то в этом разделе будут показаны не все инструменты Основного набора).

    Дополнительные инструменты

    @@ -159,11 +159,11 @@ translation_of: Tools/Tools_Toolbox

    Расширенные настройки

    Главная панель

    diff --git a/files/ru/tools/web_audio_editor/index.html b/files/ru/tools/web_audio_editor/index.html index 67a0751ba7..0ece177fa3 100644 --- a/files/ru/tools/web_audio_editor/index.html +++ b/files/ru/tools/web_audio_editor/index.html @@ -20,13 +20,13 @@ translation_of: Tools/Web_Audio_Editor

    Разработчик соединяет узлы в виде графика, а полный граф определяет поведение аудиопотока.

    -

    Web Audio Editor исследует аудиоконтекст, созданный на странице, и обеспечивает визуализацию его графика. Это дает вам представление о его работе на высоком уровне и позволяет вам убедиться, что все узлы подключены так, как вы ожидаете. Затем вы можете изучить и отредактировать свойства AudioParam для каждого узла на графике. Некоторые свойства non-AudioParam, например свойство типа OscillatorNode, отображаются, и вы также можете их редактировать.

    +

    Web Audio Editor исследует аудиоконтекст, созданный на странице, и обеспечивает визуализацию его графика. Это даёт вам представление о его работе на высоком уровне и позволяет вам убедиться, что все узлы подключены так, как вы ожидаете. Затем вы можете изучить и отредактировать свойства AudioParam для каждого узла на графике. Некоторые свойства non-AudioParam, например свойство типа OscillatorNode, отображаются, и вы также можете их редактировать.

    -

    Этот инструмент все еще экспериментальный. Если вы найдете ошибки, мы будем рады, если вы отправите их в Bugzilla. Если у вас есть вопросы или предложения по новым функциям, ffdevtools.uservoice.com или Twitter отличные места для их регистрации.

    +

    Этот инструмент все ещё экспериментальный. Если вы найдёте ошибки, мы будем рады, если вы отправите их в Bugzilla. Если у вас есть вопросы или предложения по новым функциям, ffdevtools.uservoice.com или Twitter отличные места для их регистрации.

    Открытие веб-аудиоредактора

    -

    Web Audio Editor по умолчанию не включен в Firefox 32. Чтобы включить его, откройте Настройки инструмента разработчика и отметьте «Web Audio». Теперь на панели инструментов Toolbox должна быть дополнительная вкладка с надписью «Web Audio». Щелкните вкладку и загрузите страницу, которая создает звуковой контекст. Два хороших демки:

    +

    Web Audio Editor по умолчанию не включён в Firefox 32. Чтобы включить его, откройте Настройки инструмента разработчика и отметьте «Web Audio». Теперь на панели инструментов Toolbox должна быть дополнительная вкладка с надписью «Web Audio». Щёлкните вкладку и загрузите страницу, которая создаёт звуковой контекст. Два хороших демки: