Found 37 pages:
# | Page | Tags and summary |
---|---|---|
1 | Инструменты разработчика Firefox | NeedsMarkupWork, NeedsTechnicalReview, NeedsTranslation, TopicStub, l10n:priority, Веб-разработка, Разработка Mozilla, веб-разработка:инструменты, инструменты |
Рассматривайте, редактируйте, и отлаживайте HTML, CSS, и JavaScript на дестопном и мобильном устройствах | ||
2 | API отладчика | |
SpiderMonkey, Mozilla’вский движок JavaScript, предоставляет интерфейс для отладки Debugger , позволяющий коду на JavaScript следить за и управлять выполнением другого кода на JavaScript. Как встроенные в Firefox инструменты разработчика, так и дополнение Firebug используют интерфейс Debugger для реализации своих собственных отладчиков JavaScript. Однако, интерфейс Debugger является немного более обобщённым и может использоваться для реализации других видов инструментов, включая трассировщики, анализаторы покрытия, инструменты редактирования-по-месту и прочие. |
||
3 | Browser Toolbox | |
The Browser Toolbox enables you to debug add-ons and the browser's own JavaScript code rather than just web pages like the normal Toolbox. The Browser Toolbox's context is the whole browser rather than just single page on a single tab. | ||
4 | Developer Toolbar | |
The Developer Toolbar provides a Graphical Command Line Interface (GCLI) to the Firefox developer tools and one click access to commonly used tools. | ||
5 | Editor | |
0The Editor is a code-editor component that can be embedded in your addons. All existing Firefox Developer Tools currently use this component. Under the hood, the Editor component is a thin wrapper around the CodeMirror open source editor. | ||
6 | Eyedropper | |
Этот инструмент обычно используется: | ||
7 | Firefox OS 1.1 Simulator | |
The Firefox OS Simulator add-on is a tool that enables you to test and debug your Firefox OS app on the desktop. The code-test-debug cycle is much faster with the simulator than with a real device, and of course, you don't need a real device in order to use it. | ||
8 | Firefox OS Симулятор | |
Firefox OS Simulator — a version of the higher layers of Firefox OS, которая имитирует устройство Firefox OS, но работает на настольном компьютереa version of the higher layers of Firefox OS. Это означает, что во многих случаях вам не нужно реального устройства для тестирования и отладки приложения. Он работает в окне того же размера, что и устройство на Firefox OS и включает в себя пользовательский интерфейс Firefox OS и встроенные приложения, а также имитирует многие из API устройств Firefox OS. | ||
9 | Network Monitor | Dev Tools, Firefox, Guide, Networking, l10n:priority, Отладка, инструменты |
The Network Monitor shows you all the network requests Firefox makes (for example, when it loads a page, or due to XMLHttpRequests), how long each request takes, and details of each request. To open the monitor select "Network" from the "Web Developer" menu (which is a submenu in the "Tools" menu on the Mac), or open the Developer Toolbox and switch to the "Network" tab. | ||
10 | Remote Debugging | Русский |
You can use the Firefox developer tools on your desktop to debug code running remotely: in a different process on the same device or on a completely different device. To do this you use Firefox to attach the Toolbox to the remote process, and the Toolbox is then launched in its own window. At the moment the following tools support remote debugging: | ||
11 | Debugging Firefox for Android with WebIDE | |
This article describes how to connect the Firefox Developer Tools to Firefox for Android from Firefox 36 onwards. | ||
12 | Remotely debugging Firefox for Android | |
This guide explains how to use remote debugging to inspect or debug code running in Firefox for Android over USB. | ||
13 | Shader Editor | |
Shader Editor позволяет просматривать и редактировать конечные фрагменты шейдеров, используемые WebGL. | ||
14 | Style Editor | |
Редактор Стилей позволит вам: | ||
15 | Toolbox | инструменты |
По умолчанию окно появляется прикреплённым к нижнему краю окна Firefox, но его можно и отсоединить. Вот как оно выглядит прикреплённым: | ||
16 | Web аудио редактор | |
With the Web Audio API, developers create an audio context . Within that context they then construct a number of audio nodes , including: |
||
17 | WebIDE | Apps, B2G, Firefox OS, WebIDE, tool, Отладка |
Для начала настройте среду выполнения в WebIDE. Среда выполнения это окружение в котором вы сможете запускать и/или выполнять отладку приложения. Среда исполнения может быть реальным устройством работающим под Firefox OS и подключенным к персональному компьютеру через USB (или по Wi-Fi, начиная с Firefox 39), или это может быть Симулятор Firefox OS установленный на компьютере. | ||
18 | Monitor | Monitor |
WebIDE Monitor инструмент предназначеный помочь вам отслеживать эффективность работы Firefox OS приложений и устройств. | ||
19 | WebIDE Troubleshooting | |
Если вы пытаетесь подключить устройство на Firefox OS к WebIDE и его не видно, вот некоторые вещи, которые вы можете попробовать: | ||
20 | Веб-консоль | NeedsTranslation, TopicStub, Веб-консоль, Веб-разработка, Отладка, веб-разработка:инструменты, инструменты |
Веб-консоль: | ||
21 | Веб-Консоль Помощь | Веб-консоль, Веб-разработка, Отладка |
Командная строка JavaScript, предоставляемая Веб-Консолью, предлагает несколько встроенных вспомогательных функций, которые делают определенные задачи проще. | ||
22 | Замечания к релизу | |
Highlights: | ||
23 | Индекс | Tools, meta |
Found 18 pages: | ||
24 | Инспектор страниц | CSS, DOM, HTML, l10n:priority, Веб-разработка, Стили, инструменты |
Используйте Инспектор, чтобы исследовать и модифицировать HTML и CSS страницы. | ||
25 | How to | |
Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques. | ||
26 | Выбор элемента | Guide, Инспектор, инструменты |
В противном случае, когда вы будете перемещать мышь по странице, элемент под курсором мыши будет подсвечиваться, а подсказка будет содержать его HTML-тег, атрибуты class и/или ID, а также размер. Одновременно в левой панели Инспектора появится HTML-код элемента в его контексте: | ||
27 | Исследование и выбор цветов | Guide, Инспектор, инструменты |
28 | Исследование и редактирование HTML | Guide, Инспектор, инструменты |
Исследовать и редактировать HTML-код страницы можно в панели HTML. | ||
29 | Открытие Инспектора | Guide, Инспектор, инструменты |
Есть два основных способа открытия Инспектора: | ||
30 | Просмотр шрифтов | Guide, Инспектор, инструменты |
31 | Клавиатурные сокращения | Инспектор, инструменты |
Эти клавиатурные сокращения работают, пока вы находитесь в Панели HTML инспектора. | ||
32 | Обзор интерфейса | Guide, Инспектор, инструменты |
Эта статья предлагает быстрый обзор основных разделов пользовательского интерфейса Инспектора страниц. | ||
33 | Клавиатурные сокращения | l10n:priority, инструменты |
Эта страница перечисляет все клавиатурные сокращения, используемые инструментами разработчика, встроенными в Firefox. | ||
34 | Консоль браузера | Веб-разработка, Отладка, браузера, веб-разработка:инструменты, инструменты, консоль |
Консоль браузера — как Веб-консоль, но для работы со всем браузером, а не с отдельной его вкладкой. | ||
35 | Профилирование JavaScript | Firefox, Отладка, Профайлер, Профилирование, Руководство, инструменты |
Используйте средства профилирования, чтобы находить узкие места в своём JavaScript коде. Профайлер периодически проверяет состояние стека вызовов JavaScript и составляет статистику на основе полученных в результате измерения величин. | ||
36 | Режим адаптивного дизайна | Design, Firefox, Guide, l10n:priority, Веб-разработка, Дизайн, адаптивный дизайн, инструменты, инструменты разработки |
Адаптивные дизайны (Responsive designs) адаптируются к различным размерам экрана, чтобы обеспечить подходящее отображение для различных видов устройств, таких как мобильные телефоны или планшеты. Режим адаптивного дизайна даёт легкую возможность увидеть, как ваш сайт или веб-приложение будет выглядеть на экранах разных размеров. | ||
37 | Черновик | l10n:priority, Веб-разработка, веб-разработка:инструменты, инструменты |
Простой редактор JavaScript (Scratchpad) обеспечивает среду для экспериментов с JavaScript-кодом. Вы можете писать и запускать в нём код, взаимодействующий с содержимым веб-страницы, и проверять результаты его выполнения. | ||