Найдено 69 страниц:

Страница Теги и описание
1 Инструменты разработчика Firefox Developing Mozilla, Tools, TopicStub, l10n:priority, Веб-разработка, Разработка Mozilla, веб-разработка:инструменты, инструменты
Исследуйте, редактируйте и отлаживайте HTML, CSS и JavaScript на компьютерах и мобильных устройствах. Для получения последних обновлений для инструментов разработки скачайте Firefox Developer Edition.
2 3D view 3D, HTML
Когда вы нажимаете на кнопку 3D просмотра, страница переходит в 3D режим. В нем вы можете видетьструктуру блоков HTML, когда вложеные блоки находятся выше родительских.
3 API отладчика
SpiderMonkey, Mozilla’вский движок JavaScript, предоставляет интерфейс для отладки Debugger, позволяющий коду на JavaScript следить за и управлять выполнением другого кода на JavaScript. Как встроенные в Firefox инструменты разработчика, так и дополнение Firebug используют интерфейс Debugger для реализации своих собственных отладчиков JavaScript. Однако, интерфейс Debugger является немного более обобщённым и может использоваться для реализации других видов инструментов, включая трассировщики, анализаторы покрытия, инструменты редактирования-по-месту и прочие.
4 Add-ons NeedsTranslation, TopicStub
Developer tools that are not built into Firefox, but ship as separate add-ons.
5 DOM Inspector
Инспектор DOM (также известный как DOMi) — инструмент для разработчиков, используемый для проверки, просмотра и редактирования объектной модели документа - обычных веб-страниц или XUL windows. По иерархии DOM можно перемещаться с помощью двух окон, отображающих целый ряд различных представлений документа и всех вложенных в него узлов.
6 Adding a panel to the toolbox
Эта статья объясняет, как писать аддон, который добавляет новый инструмент к Toolbox. Инструмент, который мы создадим является минимальнымREPL для remote debugging protocol, который позволяет отправлять сообщения на сервер отладчика и отображает ответ от сервера:
7 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.
8 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.
9 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.
10 Eyedropper
Этот инструмент обычно используется:
11 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.
12 Settings
To see the Developer Tools Settings pane, open any of the Developer Tools, and then:
13 Toolbox инструменты
По умолчанию окно появляется прикреплённым к нижнему краю окна Firefox, но его можно и отсоединить. Вот как оно выглядит прикреплённым:
14 Valence (адаптер для Firefox)
Valence (ранее Firefox Tools Adapter) - экспериментальное дополнение, которое позволяет Firefox Developer Tools отлаживать более широкий спектр браузеров, а не только браузеры на базе Gecko для Firefox, Firefox для Android и браузеров Firefox.
15 Web аудио редактор API веб-аудио, Firefox, Mozilla, Мозилла, инструменты
С помощью Web Audio API, разработчики создают аудиоконтекст. Затем в этом контексте они создают ряд audio nodes, включая:
16 WebIDE Apps, Firefox OS, WebIDE, tool, Отладка, инструменты
Для начала настройте среду выполнения в WebIDE. Среда выполнения — это окружение, в котором вы сможете запускать и/или выполнять отладку приложения. Среда исполнения может быть реальным устройством, работающим под Firefox OS и подключенным к персональному компьютеру через USB (или по Wi-Fi, начиная с Firefox 39), или это может быть Симулятор Firefox OS, установленный на компьютере.
17 Creating and editing apps
Under the "Open App" menu you get three options: create a new app, open a packaged app, and open a hosted app:
18 Monitor Monitor
WebIDE Monitor инструмент предназначеный помочь вам отслеживать эффективность работы Firefox OS  приложений и устройств.
19 Setting up runtimes Боковая панель, Операционная Система, Руководство, Симуляторы
Время выполнения это среда где вы будете выполнять и отлаживать приложение, такое как веб браузер. Время выполнения может быть:
20 Запуск WebIDE Tools, WebIDE
Есть три способа открытия WebIDE:
21 Решение проблем с WebIDE
Если вы пытаетесь подключить устройство на Firefox OS к WebIDE и его не видно, вот некоторые вещи, которые вы можете попробовать:
22 about:debugging
Есть несколько способов открыть страницу about:debugging:
23 Веб-консоль NeedsTranslation, Tools, TopicStub, Web Development, Веб-консоль, Отладка, Руководство, веб-разработка:инструменты
Веб-консоль:
24 Custom output in the Web Console
  Этот документ описывает, как вы можете расширить и настроить выход в веб-консоли и консоли браузера. Здесь Вы также можете узнать, как расширить объект, которые мы генерируем в приставках и в Инспекторе объектов.
25 Opening the Web Console
To open the Web Console:
26 Split console
You can use the console alongside other tools. While you're in another tool in the Toolbox, just press Esc or press the "Toggle split console" button in the Toolbar. The toolbox will now appear split, with the original tool above and the web console underneath.
27 Веб-Консоль Помощь Веб-консоль, Веб-разработка, Отладка
Командная строка JavaScript, предоставляемая Веб-Консолью, предлагает несколько встроенных вспомогательных функций, которые делают определенные задачи проще.
28 Замечания к релизу
Главное:
29 Индекс инструменты
Найдено 68 страниц:
30 Инспектор Хранилища
Инспектор хранилища позволяет проверить различные типы хранилищ, которые веб-страница может использовать. В настоящее время он может быть использован для проверки следующих типов хранения:
31 Инспектор страниц CSS, DOM, Development, Development:Tools, HTML, Tools, Web, l10n:priority, Стили
Используйте Инспектор, чтобы исследовать и модифицировать HTML и CSS страницы.
32 Как NeedsTranslation, TopicStub
Ссылки для различных КАК можно найти здесь. Эти ссылки описывают подробно Практические методы.
33 Edit Shape Paths в CSS Просмотр правил, Редактор путей форм, выделение, инструменты, фигуры
The Shape Path Editor - это инструмент, который поможет вам увидеть и редактировать фигуры, созданные с помощью clip-path, а также свойство CSS shape-outside и <basic-shape>. В этом руководстве вы найдете все доступные варианты.
34 Выбор элемента Guide, Инспектор, инструменты
В противном случае, когда вы будете перемещать мышь по странице, элемент под курсором мыши будет подсвечиваться, а подсказка будет содержать его HTML-тег, атрибуты class и/или ID, а также размер.  Одновременно в левой панели Инспектора появится HTML-код элемента в его контексте:
35 Исследование и выбор цветов Guide, Инспектор, инструменты
36 Исследование и редактирование HTML Guide, Tools, Инспектор
Исследовать и редактировать HTML-код страницы можно в панели HTML.
37 Исследовать Event Listeners Инспектор, Руководство, инструменты
38 Открытие Инспектора Guide, Инспектор, инструменты
Есть два основных способа открытия Инспектора:
39 Просмотр и редактирование CSS
Просмотр и редактирование CSS в панели CSS Инспектора.
40 Просмотр и редакторование блоковой модели Guide, Инспектор, инструменты
Если использовать инструмент "Кнопка выбора элемента" и навести на элемент на странице, вы увидите блоковую модель этого элемента которая появится поверх него:
41 Просмотр шрифтов Guide, Инспектор, инструменты
42 Работа с анимацией Анимация, Инспектор
Любые @keyframes rules связанные с выбранным элементом отображаются в виде Rules view и редактируются:
43 Клавиатурные сокращения Инспектор, инструменты
Эти клавиатурные сокращения работают, пока вы находитесь в Панели HTML инспектора.
44 Обзор интерфейса Guide, Инспектор, инструменты
Эта статья предлагает быстрый обзор основных разделов пользовательского интерфейса Инспектора страниц.
45 Клавиатурные сокращения Tools, l10n:priority, инструменты
Эта страница перечисляет все клавиатурные сокращения, используемые инструментами разработчика, встроенными в Firefox.
46 Консоль браузера Tools, Web Development, Браузер, Отладка, веб-разработка:инструменты, консоль
Консоль браузера — как Веб-консоль, но для работы со всем браузером, а не с отдельной его вкладкой.
47 Линейки
Новое в Firefox 40.
48 Отладка удалённых скриптов Tools, l10n:priority, Отладка, инструменты
Вы можете использовать Инструменты разработчика Firefox на вашем компьютере для отладки веб-сайтов и веб-приложений, запущенных в других браузерах или программах. Другие браузеры могут быть на том же устройстве, где запущены Инструменты, или же на другом, например, на телефоне, подключенном через USB.
49 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.
50 Отладка Firefox Desktop Debug, Debugging, Guide, Tools, Отладка
Это руководство объясняет, как использовать Инструменты разработчика Firefox для отладки различных версий десктопного Firefox, запущенного на том же компьютере. В этом документе экземпляр Firefox, который будет отлаживаться, назовём отлаживаемый(debuggee), а тот, с которого производится отладка - отлаживающий (debugger, отладчик).
51 Отладка Firefox для Android через WebIDE H4, WebIDE, remoteDebug, Отладка, Русский
Эта статья описывает, как присоединить Иструменты разработчика Firefox к Firefox для Android из Firefox 36 или выше. Для подключения по WiFi, смотрите соответствующую страницу.
52 Отладка Firefox для Android через WiFi
You will need:
53 Отладчик Debugger, Debugging, Dev Tools, Firefox OS, Tools, TopicStub, l10n:priority
Отладчик JavaScript позволяет пройтись по JavaScript-коду, исследовать и изменить его состояние, что поможет выявить ошибки в программе.
54 How to NeedsTranslation, TopicStub
Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques.
55 Отладка кода внутри eval Отладка
В Firefox версии 36 или старше доступна отладка кода, выполняемого с помощью eval() или конструктора Function.
56 Работа с минифицированным кодом
Чтобы представить минифицированный код в удобочитаемом виде, откройте его, а затем нажмите на иконку с фигурными скобками:
57 Source map errors
Исходные карты - это файлы JSON, обеспечивающие возможность связать преобразованные источники, как видно из браузера, с их исходными источниками, как написано разработчиком. Иногда вы можете столкнуться с проблемами, связанными с исходными картами. На этой странице объясняются наиболее распространенные проблемы и способы их устранения.
58 Память DevTools, Firefox, Mozilla, NeedsTranslation, Tools, TopicStub
После того, как вы сделали снимок, есть три главных вида (для просмотра снимка), предоставляемых инструментом "Память".
59 Просмотр дерева объектов памяти Debug, memory, Отладка, Память
Вид "Дерево объектов" (Карта объектов, Tree map view) даёт визуальное представление снимка памяти (snapshot), который поможет быстро определить, какие из объектов используют больше оперативной памяти.
60 Пример реализации
Используйте эти примеры , чтобы понять , как реализовать DevTools дополнения.     
61 Производительность
Инструмент даёт Вам понять общую отзывчивость вашего сайта,  JavaScript и общее представление о разметке. С помощью инструмента производительности Вы создадите запись или профиль своего сайта за определенный промежуток времени. Затем, инструмент покажет Вам действия браузера и график смены частоты кадров, поверх профиля, рендера Вашего сайта.
62 Waterfall
63 Профилирование JavaScript Firefox, Отладка, Профайлер, Профилирование, Руководство, инструменты
Используйте средства профилирования, чтобы находить узкие места в своём JavaScript коде.  Профайлер периодически проверяет состояние стека вызовов JavaScript и составляет статистику на основе полученных в результате измерения величин.
64 Работа с фреймами фрейм
From Firefox 34 и далее, вы можете указать инструменты разработчика на конкретный iframe в пределах документа .
65 Редактор стилей Stylesheets, Web Development:Tools
Редактор Стилей позволит вам:
66 Редактор шейдеров
Редактор шейдеров позволяет просматривать и редактировать вершинные и фрагментные шейдеры, используемые WebGL.
67 Режим адаптивного дизайна Design, Firefox, Guide, Tools, Web Development, l10n:priority, Дизайн, адаптивный дизайн, инструменты разработки
Адаптивные дизайны (Responsive designs)  адаптируются к различным размерам экрана, чтобы обеспечить подходящее отображение для различных видов устройств, таких как мобильные телефоны или планшеты. Режим адаптивного дизайна даёт легкую возможность увидеть, как ваш сайт или веб-приложение будет выглядеть на экранах разных размеров.
68 Сетевой монитор Debug, Dev Tools, Firefox, Guide, Networking, l10n:priority, Отладка, инструменты
Сетевой монитор (Network Monitor) показывает все сетевые запросы, которые выполняет Firefox (например, когда загружается страница или выполняются запросы типа XMLHttpRequests), а также как долго выполняется запрос и детали запроса.
69 Черновик Scratchpad, l10n:priority, Блокнот, Веб-разработка, Редактор, веб-разработка:инструменты, инструменты
Простой редактор (Scratchpad, блокнот) JavaScript обеспечивает среду для экспериментов с JavaScript-кодом. Вы можете писать и запускать в нём код, взаимодействующий с содержимым веб-страницы, и проверять результаты его выполнения.

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: wbamberg, Aleksej, Mingun
Обновлялась последний раз: wbamberg,