We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

Страница Теги и описание
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 Memory DevTools, Firefox, Mozilla, NeedsTranslation, Tools, TopicStub
The Memory tool lets you take a snapshot of the current tab's memory heap. It then provides a number of views of the heap that can show you which objects account for memory usage and exactly where in your code you are allocating memory.
13 Просмотр дерева объектов памяти Debug, memory, Отладка, Память
Вид "Дерево объектов" (Карта объектов, Tree map view) даёт визуальное представление снимка памяти (snapshot), который поможет быстро определить, какие из объектов используют больше оперативной памяти.
14 Settings
To see the Developer Tools Settings pane, open any of the Developer Tools, and then:
15 Style Editor Stylesheets, Web Development:Tools
Редактор Стилей позволит вам:
16 Toolbox инструменты
По умолчанию окно появляется прикреплённым к нижнему краю окна Firefox, но его можно и отсоединить. Вот как оно выглядит прикреплённым:
17 Valence (адаптер для Firefox)
Valence (ранее Firefox Tools Adapter) - экспериментальное дополнение, которое позволяет Firefox Developer Tools отлаживать более широкий спектр браузеров, а не только браузеры на базе Gecko для Firefox, Firefox для Android и браузеров Firefox.
18 Web аудио редактор API веб-аудио, Firefox, Mozilla, Мозилла, инструменты
С помощью Web Audio API, разработчики создают аудиоконтекст. Затем в этом контексте они создают ряд audio nodes, включая:
19 WebIDE Apps, Firefox OS, WebIDE, tool, Отладка, инструменты
Для начала настройте среду выполнения в WebIDE. Среда выполнения — это окружение, в котором вы сможете запускать и/или выполнять отладку приложения. Среда исполнения может быть реальным устройством, работающим под Firefox OS и подключенным к персональному компьютеру через USB (или по Wi-Fi, начиная с Firefox 39), или это может быть Симулятор Firefox OS, установленный на компьютере.
20 Creating and editing apps
Technical review completed. Editorial review completed.
21 Monitor Monitor
WebIDE Monitor инструмент предназначеный помочь вам отслеживать эффективность работы Firefox OS  приложений и устройств.
22 Setting up runtimes Боковая панель, Операционная Система, Руководство, Симуляторы
Время выполнения это среда где вы будете выполнять и отлаживать приложение, такое как веб браузер. Время выполнения может быть:
23 Запуск WebIDE Tools, WebIDE
Есть три способа открытия WebIDE:
24 Решение проблем с WebIDE
Если вы пытаетесь подключить устройство на Firefox OS к WebIDE и его не видно, вот некоторые вещи, которые вы можете попробовать:
25 about:debugging
Есть несколько способов открыть страницу about:debugging:
26 Веб-консоль NeedsTranslation, Tools, TopicStub, Web Development, Веб-консоль, Отладка, Руководство, веб-разработка:инструменты
Веб-консоль:
27 Custom output in the Web Console
  Этот документ описывает, как вы можете расширить и настроить выход в веб-консоли и консоли браузера. Здесь Вы также можете узнать, как расширить объект, которые мы генерируем в приставках и в Инспекторе объектов.
28 Opening the Web Console
To open the Web Console:
29 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.
30 Веб-Консоль Помощь Веб-консоль, Веб-разработка, Отладка
Командная строка JavaScript, предоставляемая Веб-Консолью, предлагает несколько встроенных вспомогательных функций, которые делают определенные задачи проще.
31 Замечания к релизу
Главное:
32 Индекс meta, инструменты
Found 37 pages:
33 Инспектор Хранилища
Инспектор хранилища позволяет проверить различные типы хранилищ, которые веб-страница может использовать. В настоящее время он может быть использован для проверки следующих типов хранения:
34 Инспектор страниц CSS, DOM, Development, Development:Tools, HTML, Tools, Web, l10n:priority, Стили
Используйте Инспектор, чтобы исследовать и модифицировать HTML и CSS страницы.
35 Как NeedsTranslation, TopicStub
Ссылки для различных КАК можно найти здесь. Эти ссылки описывают подробно Практические методы.
36 Выбор элемента Guide, Инспектор, инструменты
В противном случае, когда вы будете перемещать мышь по странице, элемент под курсором мыши будет подсвечиваться, а подсказка будет содержать его HTML-тег, атрибуты class и/или ID, а также размер.  Одновременно в левой панели Инспектора появится HTML-код элемента в его контексте:
37 Исследование и выбор цветов Guide, Инспектор, инструменты
38 Исследование и редактирование HTML Guide, Tools, Инспектор
Исследовать и редактировать HTML-код страницы можно в панели HTML.
39 Открытие Инспектора Guide, Инспектор, инструменты
Есть два основных способа открытия Инспектора:
40 Просмотр и редактирование CSSCSS
Просмотр и редактирование CSS в панели CSS Инспектора.
41 Просмотр и редакторование блоковой модели Guide, Инспектор, инструменты
Если использовать инструмент "Кнопка выбора элемента" и навести на элемент на странице, вы увидите блоковую модель этого элемента которая появится поверх него:
42 Просмотр шрифтов Guide, Инспектор, инструменты
43 Работа с анимацией Анимация, Инспектор
Любые @keyframes rules связанные с выбранным элементом отображаются в виде Rules view и редактируются:
44 Клавиатурные сокращения Инспектор, инструменты
Эти клавиатурные сокращения работают, пока вы находитесь в Панели HTML инспектора.
45 Обзор интерфейса Guide, Инспектор, инструменты
Эта статья предлагает быстрый обзор основных разделов пользовательского интерфейса Инспектора страниц.
46 Клавиатурные сокращения Tools, l10n:priority, инструменты
Эта страница перечисляет все клавиатурные сокращения, используемые инструментами разработчика, встроенными в Firefox.
47 Консоль браузера Tools, Web Development, Браузер, Отладка, веб-разработка:инструменты, консоль
Консоль браузера — как Веб-консоль, но для работы со всем браузером, а не с отдельной его вкладкой.
48 Линейки
Новое в Firefox 40.
49 Отладка удалённых скриптов Tools, l10n:priority, Отладка, инструменты
Вы можете использовать Инструменты разработчика Firefox на вашем компьютере для отладки веб-сайтов и веб-приложений, запущенных в других браузерах или программах. Другие браузеры могут быть на том же устройстве, где запущены Инструменты, или же на другом, например, на телефоне, подключенном через USB.
50 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.
51 Отладка Firefox Desktop Debug, Debugging, Guide, Tools, Отладка
Это руководство объясняет, как использовать Инструменты разработчика Firefox для отладки различных версий десктопного Firefox, запущенного на том же компьютере. В этом документе экземпляр Firefox, который будет отлаживаться, назовём отлаживаемый(debuggee), а тот, с которого производится отладка - отлаживающий (debugger, отладчик).
52 Отладка Firefox для Android через WebIDE H4, WebIDE, remoteDebug, Отладка, Русский
Эта статья описывает, как присоединить Иструменты разработчика Firefox к Firefox для Android из Firefox 36 или выше. Для подключения по WiFi, смотрите соответствующую страницу.
53 Отладка Firefox для Android через WiFi
This article describes how to connect the Firefox Developer Tools to Firefox for Android over WiFi. Although it's been possible to connect the tools to Firefox for Android over USB for some time, connecting over WiFi is more convenient and reliable than the USB method.
54 Отладчик Debugger, Debugging, Dev Tools, Firefox OS, Tools, TopicStub, l10n:priority
Отладчик JavaScript позволяет пройтись по JavaScript-коду, исследовать и изменить его состояние, что поможет выявить ошибки в программе.
55 How to NeedsTranslation, TopicStub
Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques.
56 Отладка кода внутри eval Отладка
В Firefox версии 36 или старше доступна отладка кода, выполняемого с помощью eval() или конструктора Function.
57 Работа с минифицированным кодом
Чтобы представить минифицированный код в удобочитаемом виде, откройте его, а затем нажмите на иконку с фигурными скобками:
58 Пример реализации
Используйте эти примеры , чтобы понять , как реализовать DevTools дополнения.     
59 Производительность
Инструмент даёт Вам понять общую отзывчивость вашего сайта,  JavaScript и общее представление о разметке. С помощью производительного инструмента Вы создадите  запись или профиль своего сайта за определенный промежуток временни. Затем инструмент покажет Вам действия браузера и график смены частоты кадров поверх профиля когда будет делать Ваш сайт.
60 Waterfall
61 Профилирование JavaScript Firefox, Отладка, Профайлер, Профилирование, Руководство, инструменты
Используйте средства профилирования, чтобы находить узкие места в своём JavaScript коде.  Профайлер периодически проверяет состояние стека вызовов JavaScript и составляет статистику на основе полученных в результате измерения величин.
62 Работа с фреймами фрейм
From Firefox 34 и далее, вы можете указать инструменты разработчика на конкретный iframe в пределах документа .
63 Редактор шейдеров
Редактор шейдеров позволяет просматривать и редактировать вершинные и фрагментные шейдеры, используемые WebGL.
64 Режим адаптивного дизайна Design, Firefox, Guide, Tools, Web Development, l10n:priority, Дизайн, адаптивный дизайн, инструменты разработки
Адаптивные дизайны (Responsive designs)  адаптируются к различным размерам экрана, чтобы обеспечить подходящее отображение для различных видов устройств, таких как мобильные телефоны или планшеты. Режим адаптивного дизайна даёт легкую возможность увидеть, как ваш сайт или веб-приложение будет выглядеть на экранах разных размеров.
65 Сетевой монитор Debug, Dev Tools, Firefox, Guide, Networking, l10n:priority, Отладка, инструменты
Сетевой монитор (Network Monitor) показывает вам все сетевые запросы, которые делает Firefox (например, когда загружается страница или выполняются запросы XMLHttpRequests), как долго выполняется получение ответа и детали запроса.
66 Черновик Scratchpad, l10n:priority, Блокнот, Веб-разработка, Редактор, веб-разработка:инструменты, инструменты
Простой редактор (Scratchpad, блокнот) JavaScript обеспечивает среду для экспериментов с JavaScript-кодом. Вы можете писать и запускать в нём код, взаимодействующий с содержимым веб-страницы, и проверять результаты его выполнения.

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

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