В чем разница между обычной и разработанной версиями Firefox?
Mozilla недавно выпустила новую версию Developer Edition для использования веб-разработчиками, но насколько она отличается от обычной версии Firefox? Сегодняшний пост SuperUser Q & A содержит ответы на любопытный вопрос читателя..
Сегодняшняя сессия вопросов и ответов пришла к нам благодаря SuperUser - подразделению Stack Exchange, группе веб-сайтов вопросов и ответов, управляемой сообществом..
Вопрос
Читатель SuperUser Saurabh Lprocks хочет узнать, чем отличаются обычные и разработанные версии Firefox:
Mozilla недавно выпустила новую версию своего веб-браузера под названием Mozilla Firefox Developer Edition, специально предназначенную для веб-разработчиков..
Я установил его, но я не нашел большой разницы между обычной версией Firefox и версией для разработчиков. Все инструменты в редакции разработчика также есть в обычной редакции. Я хочу знать, с какими дополнениями поставляется версия для разработчиков, чего нет в обычной версии.
В чем различия между обычной и разработанной версиями Firefox?
Ответ
Участники SuperUser blade19899 и Дейв ответят за нас. Сначала лезвие19899:
Firefox Developer Edition - это модифицированная версия Firefox, специально разработанная для веб-разработчиков. Он также использует отдельный профиль от обычной версии, так что запуск их параллельно. Это означает, что все ваши надстройки и настройки не будут доступны в Firefox Developer Edition, но вы можете использовать Firefox Sync для синхронизации надстроек и настроек в обеих версиях..
Все функции в Firefox Developer Edition будут доступны за 12 недель до того, как они станут доступны в обычной версии Firefox..
Некоторые функции, встроенные в Firefox Developer Edition, которых нет в обычной версии:
Веб-IDE
Web IDE позволяет разрабатывать, развертывать и отлаживать веб-приложения непосредственно в браузере или на устройстве с ОС Firefox. Он позволяет вам создать новое приложение Firefox OS (которое является просто веб-приложением) из шаблона или открыть код существующего приложения. Оттуда вы можете редактировать файлы приложения. Это один щелчок, чтобы запустить приложение в симуляторе, и еще один, чтобы отладить его с помощью инструментов разработчика. Вы можете посмотреть видео о Web IDE на YouTube здесь.
Валентность
Ранее называвшийся Firefox Tools Adapter, Valence позволяет вам разрабатывать и отлаживать приложение для нескольких браузеров и устройств, подключая инструменты разработчика Firefox к другим основным движкам браузера. Valence также расширяет возможности потрясающих инструментов, созданных для отладки Firefox OS и Firefox для Android, для других основных мобильных браузеров, включая Chrome для Android и Safari для iOS. Пока что эти инструменты включают в себя Inspector, Debugger и Console & Style Editor. Вы можете посмотреть видео о Valence на YouTube здесь.
Веб Аудио Редактор
Web Audio Editor позволяет проверять и взаимодействовать с API Web Audio в режиме реального времени, чтобы гарантировать, что все аудио узлы подключены так, как вы ожидаете..
Вы можете просмотреть мой Q / A в Ask Ubuntu для более подробного ответа: Как установить Firefox Developer Edition?
Вслед за ответом от Дейва:
Как я уверен, вы уже знаете, в настоящее время он имеет следующие функции:
- Web IDE - позволяет разрабатывать, развертывать и отлаживать веб-приложения.
- Responsive Design View - позволяет увидеть, как сайт будет выглядеть на экранах разных размеров..
- Валентность - отладка в любом браузере (ранее назывался Firefox Tools Adapter).
- Web Audio Editor - проверяет веб-аудио, чтобы убедиться, что все аудио-узлы подключены должным образом.
- Инспектор страниц - исследует HTML и CSS.
- Веб-консоль - просматривать зарегистрированную информацию и взаимодействовать с веб-страницами с помощью JavaScript.
- Отладчик JavaScript - Отладка JavaScript.
- Сетевой монитор - Просмотреть все сетевые запросы, которые делает браузер, и сколько времени это занимает.
- Редактор стилей - Редактирование стилей CSS.
Вы можете посмотреть общее видео введение здесь.
Также включает в себя:
- Firefox Hello - WebRTC (инструмент, позволяющий звонить и общаться в чате с другими пользователями из браузера).
- Кнопка «Забыть» - похоже на чистую историю.
- Пипетка - позволяет вам «привязывать» цвета с веб-страницы.
- Scratch Pad - отдельная консоль JS для тестирования фрагментов JavaScript.
- Connect - позволяет подключиться к удаленному устройству.
Как вы, вероятно, заметили, некоторые (большинство) из этих функций уже доступны в Firefox или через надстройки прямо сейчас, и я подозреваю, что со временем они будут доступны в виде плагинов. Например, Инспектор страниц, Консоль, Отладчик и некоторые другие функции уже являются частью дополнения Firebug..
Что касается изменения размеров экрана и CSS, я использую инструмент под названием Developer Toolbar.
Я использовал Firefox Developer Edition в качестве веб-разработчика и дизайнера, и это похоже на Firefox с плагинами, разработанными для веб-дизайнера (к чему, я думаю, они стремились). Лично меня больше интересует, как она развивается.
На данный момент он очень похож на отладчик, уже встроенный в Chrome и Internet Explorer 11 (хотя я еще не пробовал все функции).
Вы также можете просмотреть примечания к Firefox Developer Edition для более подробной информации..
Есть что добавить к объяснению? Отключить звук в комментариях. Хотите узнать больше ответов от других технически подкованных пользователей Stack Exchange? Ознакомьтесь с полным обсуждением здесь.
