- Firefox Browser Developer Edition
- Firefox Browser Developer Edition
- Nowe nastroje
- Inaktiwny CSS
- Nowe nastroje
- Firefox DevTools
- Inowatiwne funkcije
- Hłowna CSS-lěsyca
- Spěšniše informacije
- Polo pismow
- Wuhotować. Programować. Testować. Polěpšić.
- Wuwiwajće a perfekcionujće swoje sydło z Firefox DevTools
- Inspektor
- Konsola
- Debugger
- Składowakowy wobłuk
- Modus přiměrjeneho designa
- Wizuelne wobdźěłowanje
- Wukon
- Skład
- Stilowy editor
- Zdźělće nam swoje měnjenje
- Sobu činić
- Sćehńće wobhladowak Firefox wuwity za wuwiwarjow
- Wulki dźak!
- Получение помощи с Firefox Developer Edition
- Как мне переключаться между стандартной темой и темой Developer Edition?
- Восстановление закладок и других данных
- Как я могу узнать больше о Firefox Developer Edition?
- Станьте волонтёром
- Инструменты разработчика Firefox
- Основные инструменты
- Инспектор страницы
- Web-консоль
- Отладчик JavaScript
- Сетевой монитор
- Инструменты производительности
- Режим адаптивного дизайна
- Инспектор доступности
- Больше инструментов
- Подключение инструментов разработчика
- Отладка браузера
- Расширение инструментов разработчика
- Сделать вклад
- Браузер Firefox Developer Edition
- Браузер Firefox Developer Edition
- Новые инструменты
- Неактивный CSS
- Новые инструменты
- Инструменты разработчика Firefox
- Инновационные функции
- Управление CSS-сеткой
- Краткая информация
- Панель шрифтов
- Разрабатывайте. Кодите. Тестируйте. Улучшайте.
- Создавайте и улучшайте свои сайты с помощью Инструментов разработчика Firefox
- Инспектор
- Консоль
- Отладчик
- Панель хранилища
- Режим адаптивного дизайна
- Визуальное редактирование
- Производительность
- Память
- Редактор стилей
- Выскажитесь
- Примите участие
- Загрузите браузер Firefox, созданный для разработчиков
- Спасибо!
Firefox Browser Developer Edition
Witajće k wašenu nowemu najlubšemu wobhladowekej. Wobstarajće sej najnowše funkcije, spěšny wukon a wuwiwarske nastroje, kotrež trjebaće, zo byšće za wotewrjeny web wuwiwał.
Firefox Developer Edition — Hornjoserbsce
Waš system najskerje žadanjam Firefox njewotpowěduje, ale móžeće jednu ze slědowacych wersijow pospytować:
Firefox Developer Edition — Hornjoserbsce
Firefox Developer Edition Mozilla awtomatisce informacije sćele. Dalše informacije
Firefox Browser Developer Edition
Wobhladowak za wuwiwarjow
Wšě najnowše wuwiwarske nastroje w betawersiji kaž tež eksperimentelne funkcije kaž wjacelinkowy konsolowy editor a WebSocket Inspector.
Separatny profil a separatna šćežka, tak móžeće jón z kónčnej wersiju abo Beta Firefox wuwjesć.
Nastajenja, kotrež su na webwuwiwarjow wusměrjene: Pytanje zmylkow wobhladowaka a znazdala stej po standardźe zmóžnjenej, runje tak kaž ćmowa drasta a tłóčatko za wuwiwarsku symbolowu lajstu.
Nowe nastroje
Inaktiwny CSS
Firefox DevTools CSS-deklaracije šěrja, kotrež na stronje žadyn efekt nimaja. Hdyž z kursorom myški přez symbol Info zjědźeće, budźeće wužitnu powěsć widźeć, čehodla CSS so njenałožuje, inkluziwnje pokiw, kak móžeće problem rozrisać.
Nowe nastroje
Firefox DevTools
Nowe Firefox DevTools su mócne, fleksibelne a najlěpše, přeměnjomne. K nim tež program za pytanje za zmylkami słuša, najlěpše jeho družiny, kotryž móže z wjaocrymi wobhladowakami wobchadźeć a je so w React a Redux wuwił.
Inowatiwne funkcije
Hłowna CSS-lěsyca
Firefox je jenički wobhladowak z nastrojemi, kotryž je za wuwiwanje a wuhotowanje z CSS-lěsycu wuwity. Tute nastroje wam zmóžnjeja, lěsycu wizualizować, zwjazane mjena wobłukow pokazać, transformacije na lěsycy w přehledźe pokazać a wjele wjace.
Spěšniše informacije
Polo pismow
Nowe polo pismow we Firefox DevTools zmóžnja wuwiwarjam spěšny přistup na wšě informacije, kotrež wo wužitych pismach w elemenće trjebaja. Wobsahuje tež hódnotne informacije wo žórle, waze, stil pisma a wjace.
Wuhotować. Programować. Testować. Polěpšić.
Wuwiwajće a perfekcionujće swoje sydło
z Firefox DevTools
Inspektor
Analyzujće a polěpšće žórłowy kod, zo byšće na pikselu dokładne wuhotowanja wuwiwał.
Konsola
Slědujće problemam z CSS, JavaScriptom, wěstotu a syću.
Debugger
Mócny JavaScriptowy debugger z podpěru za waš framework.
Dohladujće syćowe naprašowanja, kotrež móža waše sydło spomałšić abo blokować.
Składowakowy wobłuk
Přidajće, změńće a wotstrońće pufrowak, placki, datowe banki a posedźenske daty.
Modus přiměrjeneho designa
Testujće sydła na emulowanych gratach w swojim wobhladowaku.
Wizuelne wobdźěłowanje
Polěpšće animacije, wusměrjenje a wotstupy.
Wukon
Wotstrońce blešowe šije, starajće so wo prudojte procesy a optimujće wukon.
Skład
Namakajće składowe dźěry, zo by waše nałoženje hładce běžało.
Stilowy editor
Wobdźěłujće a rjadujće wšě swoje CSS-předłohi w swojim wobhladowaku.
Zdźělće nam swoje měnjenje
Waše měnjenje nam pomha so polěpšić. Zdźělće nam, kak móžemy wobhladowak a wuwiwarske nastroje polěpšić.
Sobu činić
Pomhajće posledni njewotwisny wobhladowak polěpšować. Pisajće kod, porjedźće zmylki, wuwiwajće přidatki a wjace.
Sćehńće wobhladowak Firefox wuwity za wuwiwarjow
Firefox Developer Edition — Hornjoserbsce
Waš system najskerje žadanjam Firefox njewotpowěduje, ale móžeće jednu ze slědowacych wersijow pospytować:
Firefox Developer Edition — Hornjoserbsce
Wulki dźak!
Jeli hišće njejsće abonement powěsćoweho lista Mozilla wobkrućił, dyrbiće to nětko činić. Prošu hladajće do dochadneje e-mejle abo papjernika za e-mejlku wot nas.
Источник
Получение помощи с Firefox Developer Edition
Firefox Developer Edition включает в себя все нужные вам инструменты разработчика. Это единственный браузер, созданный для разработчиков.
Как мне переключаться между стандартной темой и темой Developer Edition?
Щёлкните по кнопке меню , щёлкните Другие инструменты… и выберите Настройка панели инструментов…
и выберите
Персонализация…
Настройка панели инструментов… . В нижней части панели Настройка щёлкните по Темы , выберите другую тему и щёлкните Готово .
Восстановление закладок и других данных
Firefox Developer Edition создаст новый профиль для хранения закладок и других пользовательских данных. Прочитайте статью Восстановление важных данных из старого профиля, чтобы узнать о способах копирования этих данных из другого профиля Firefox.
Как я могу узнать больше о Firefox Developer Edition?
Эти прекрасные люди помогли написать эту статью:
Станьте волонтёром
Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.
Источник
Инструменты разработчика Firefox
Исследуйте, редактируйте и отлаживайте HTML, CSS и JavaScript на компьютерах и мобильных устройствах. Для получения последних обновлений для инструментов разработки скачайте Firefox Developer Edition.
Если вы ищете информацию по использованию инструментов веб-разработчика доступных в Firefox, вы зашли в правильное место — на этой странице даётся подробная информация обо всех основных и дополнительных инструментах веб-разработчика, а также информацию о том как подсоединять и настраивать Firefox для Android, как расширить набор инструментов разработчика, как настраивать браузер.
Пожалуйста, посмотрите описания инструментов разработчика, расположенные далее на этой странице. Если у вас возникнут замечания или вопросы об указанном наборе инструментов, то пришлите нам сообщение на нашу почту или IRC канал ( соответствующие ссылки находятся внизу страницы). Если у вас возникнут замечания или вопросы, касающиеся документации, то напишите в MDN discourse.
На заметку: если вы только начинаете веб разработку и использование инструментов разработчика, наши документы по изучению веб разработки помогут вам — для начала посмотрите Getting started with the Web (Начало работы в веб) и What are browser developer tools (Инструменты разработки браузера).
Основные инструменты
Вы можете открыть Средства Разработчика Firefox (Firefox Developer Tools) с помощью меню, выбрав Открыть меню > Веб-разработка > Инструменты разработчика или используя комбинации клавиш Ctrl + Shift + I или F12 на Windows и Linux, или Cmd + Opt + I на macOS.
Меню в виде многоточия в правой верхней части окна Средств Разработчика содержит команды, позволяющие вам выполнить некоторые общие действия или изменить настройки Средств Разработчика.
Эта кнопка доступна только в случае, если на странице присутствует несколько фреймов (тегов iframe ). Нажатие на эту кнопку отображает список фреймов (тегов iframe ) на текущей странице и позволяет выбрать тот фрейм (тег iframe ) с которым вы хотите работать. | |
Щелчок по данной кнопке создаёт снимок экрана (screenshot) текущей страницы. (Внимание: По умолчанию данная функция отключена и, при необходимости, должна быть включена в настройках.) | |
Переключение в/из Режима Адаптивного Дизайна (Responsive Design Mode). | |
Открывает меню, которое включает настройки «прилипания» (docking) окна Средств Разработчика, возможности отобразить или скрыть консоль, а также переход к диалогу настроек Средств Разработчика. Это меню также содержит ссылки на документацию по Веб-инструментам Firefox (Firefox Web Tools) и на Mozilla Community. | |
Закрывает окно Средств Разработчика |
Инспектор страницы
Инструмент для просмотра и редактирования содержимого и макета страницы. Позволяет рассмотреть страницу с разных точек зрения, включая блочную модель, анимацию и grid компоновку.
Web-консоль
Позволяет просматривать отладочные сообщения страницы и взаимодействовать с ней посредством JavaScript.
Отладчик JavaScript
Позволяет остановить, выполнять по шагам, исследовать и изменять JavaScript-код выполняемый на странице.
Сетевой монитор
Показывает сетевые запросы возникающие в процессе загрузки страницы.
Инструменты производительности
Позволяют провести общий анализ отзывчивости вашего сайта, а также производительности кода JavaScript и макета.
Режим адаптивного дизайна
Позволяет увидеть, как будут выглядеть и работать ваши сайты или приложения на различных устройствах или типах сетей.
Инспектор доступности
Предоставляет средства для доступа к дереву доступности страницы, позволяя вам проверить, что отсутствует или иным образом требует внимания.
Больше инструментов
Эти инструменты разработчика также встроены в Firefox. В отличие от «Core Tools» описанных выше, могут не использоваться в повседневной работе.
Подключение инструментов разработчика
Если вы откроете инструменты разработчика с помощью сочетания клавиш или аналогичных пунктов меню, они будут нацелены на документ, размещённый на текущей активной вкладке. Но вы также можете прикрепить инструменты к множеству других целей, как в текущем браузере, так и в разных браузерах или даже на разных устройствах.
Отладка браузера
По умолчанию инструменты разработчика прикрепляются к веб-странице или веб-приложению. Но вы также можете подключить их к браузеру в целом. Это полезно для разработки браузеров и надстроек.
Расширение инструментов разработчика
Инструменты разработчика предназначены для расширения. Дополнения Firefox могут получить доступ к инструментам разработчика и компонентам, которые они используют для расширения существующих инструментов и добавления новых инструментов. С помощью протокола удалённой отладки вы можете реализовать свои собственные клиенты и серверы отладки, что позволяет отлаживать веб-сайты с помощью собственных инструментов или отлаживать различные цели с помощью инструментов Firefox.
Сделать вклад
Если вы хотите помочь улучшить инструменты разработчика, эти ресурсы помогут вам начать работу.
Источник
Браузер Firefox Developer Edition
Добро пожаловать в ваш новый любимый браузер. Получите доступ к новым функциям, повышенной производительности и инструментам разработчика, которые понадобятся вам для построения открытого Интернета.
Firefox Developer Edition — Русский
Ваша система может не удовлетворять требованиям Firefox, но вы можете попробовать одну из этих версий:
Firefox Developer Edition — Русский
Firefox Developer Edition автоматически осуществляет обратную связь с Mozilla. Подробнее
Браузер Firefox Developer Edition
Браузер, созданный для разработчиков
Бета-версия самых последних инструментов разработчика, а также такие экспериментальные функции, как Многострочный режим веб-консоли и Инспектор WebSocket’ов.
Отдельный профиль и путь, чтобы вы могли легко его запустить одновременно с релизом Firefox или Firefox Бета.
Настроенный специально под веб-разработчиков: Браузерная и удалённая отладка, тёмная тема и кнопка инструментов разработчика на панели инструментов включены по умолчанию.
Новые инструменты
Неактивный CSS
Инструменты разработчика Firefox теперь затемняют CSS-правила, не влияющие на страницу. При наведении на значок информации, вы увидите полезное сообщение о том, почему CSS не применяется, включая подсказки о том, как устранить саму проблему.
Новые инструменты
Инструменты разработчика Firefox
Новые Инструменты разработчика Firefox — мощны, гибки и хорошо настраиваемы. В них есть лучший в своём классе отладчик JavaScript, который может эмулировать поведение других браузеров, и построен на React и Redux.
Инновационные функции
Управление CSS-сеткой
Firefox — единственный браузер с инструментами, созданными специально для проектирования макетов и дизайна с помощью CSS-сеток. Эти инструменты позволяют визуализировать сетку, отображать связанные имена областей, предпросматривать трансформации на сетке и многое другое.
Краткая информация
Панель шрифтов
Новая панель шрифтов в Инструментах разработчика Firefox даёт быстрый доступ ко всей необходимой информации о шрифтах, использованных в элементе. Она также отображает полезные сведения, например, источник шрифта, ширину, стиль и другое.
Разрабатывайте. Кодите. Тестируйте. Улучшайте.
Создавайте и улучшайте свои сайты
с помощью Инструментов разработчика Firefox
Инспектор
Изучайте и совершенствуйте код, чтобы создавать попиксельно-идеальные макеты.
Консоль
Отлаживайте CSS, JavaScript, а также проблемы с сетью и безопасностью.
Отладчик
Мощный отладчик JavaScript с поддержкой вашего любимого фреймворка.
Изучайте сетевые запросы, которые могут замедлить или остановить работу вашего сайта.
Панель хранилища
Добавляйте, редактируйте и удаляйте кэш, куки, базы данных и данные сессий.
Режим адаптивного дизайна
Тестируйте сайты на эмулируемых устройствах в вашем браузере.
Визуальное редактирование
Точная настройка анимаций, выравнивания и отступов.
Производительность
Оптимизируйте узкие места, упростите процессы и улучшите производительность.
Память
Находите утечки памяти и уменьшите её потребление вашим приложением.
Редактор стилей
Редактируйте и управляйте всеми CSS-таблицами стилей в вашем браузере.
Выскажитесь
Отзывы делают нас лучше. Расскажите нам, как мы можем улучшить браузер и инструменты разработчика.
Примите участие
Помогите нам в создании последнего независимого браузера. Пишите код, исправляйте баги, создавайте дополнения и многое другое.
Загрузите браузер Firefox, созданный для разработчиков
Firefox Developer Edition — Русский
Ваша система может не удовлетворять требованиям Firefox, но вы можете попробовать одну из этих версий:
Firefox Developer Edition — Русский
Спасибо!
Если вы ранее не подтверждали подписку на новостные рассылки Mozilla, то вам может понадобится сделать это. Пожалуйста, проверьте вашу папку «Входящие» или «Спам» на наличие письма от нас.
Источник