Сотрудник компании Mozilla организовал масштабный опрос и обсуждение на разных программистских сайтах, что веб-разработчики хотят видеть в Firefox DevTools. Через неделю они собрались с командой Firefox DevTools, и по результатам этой информации составили план развития Firefox DevTools, то есть список приоритетных направлений, которые будут реализованы.
Оказалось, что это главный запрос со стороны пользователей. Все хотят сломать болезненный шаблон переключения Редактор ⇄ Браузер ⇄ DevTools.
В этом отношении будет опробовано два подхода: 1) реализация управления браузером со стороны сторонних редакторов; 2) встроенные редакторы в Firefox.
Концептуальный эксперимент. На видео — редактирование Firefox CSS в реальном режиме из SublimeText.
DevTools имеет возможность для удалённого управления, так что через библиотеку Python можно подключить многие редакторы.
Разработчики ещё в поиске, каким должен быть удобный встроенный редактор: на файлах или в стиле jsfiddle? Вот такой макет пока что находится в разработке.
увеличенная копия
Две вышеуказанные фичи не будут реализованы очень быстро. Разработка библиотеки Python займёт пару месяцев, а встроенного редактора — ещё дольше.
Эта информация есть в Chrome и Firebug, а скоро появится и в Firefox DevTools. Уже есть рабочий прототип сетевой панели.
Чтобы два средства не мешали друг другу, некоторые панели Firebug внедрят прямо в DevTools, а пользователь сможет выбрать, какие из них отображать.
увеличенная копия
В Firefox Nightly уже сделали такой интерфейс.
Один из разработчиков уже продемонстрировал дебаггер Firefox, который поддерживает SourceMap и CoffeeScript.
увеличенная копия
Дополнительно, поддержка CoffeeScript и LiveScript реализована в Firefox Terminal.
Меню для просмотра всех элементов, которые меняют цвет на странице, уже создана предварительная версия.
Контроль таймера, который работает при рендеринге CSS-переходов и анимаций: есть концепт.
Кодирование в браузере и управление браузером из редактора/IDE
Оказалось, что это главный запрос со стороны пользователей. Все хотят сломать болезненный шаблон переключения Редактор ⇄ Браузер ⇄ DevTools.
В этом отношении будет опробовано два подхода: 1) реализация управления браузером со стороны сторонних редакторов; 2) встроенные редакторы в Firefox.
Библиотека Python для связи с Firefox
Концептуальный эксперимент. На видео — редактирование Firefox CSS в реальном режиме из SublimeText.
DevTools имеет возможность для удалённого управления, так что через библиотеку Python можно подключить многие редакторы.
Кодирование внутри браузера
Разработчики ещё в поиске, каким должен быть удобный встроенный редактор: на файлах или в стиле jsfiddle? Вот такой макет пока что находится в разработке.
увеличенная копия
Две вышеуказанные фичи не будут реализованы очень быстро. Разработка библиотеки Python займёт пару месяцев, а встроенного редактора — ещё дольше.
Сетевая панель и события (Network Panel & Timeline)
Эта информация есть в Chrome и Firebug, а скоро появится и в Firefox DevTools. Уже есть рабочий прототип сетевой панели.
Интеграция с Firebug
Чтобы два средства не мешали друг другу, некоторые панели Firebug внедрят прямо в DevTools, а пользователь сможет выбрать, какие из них отображать.
увеличенная копия
Панель веб-разработки приклеивается справа
В Firefox Nightly уже сделали такой интерфейс.
Поддержка CoffeeScript
Один из разработчиков уже продемонстрировал дебаггер Firefox, который поддерживает SourceMap и CoffeeScript.
увеличенная копия
Дополнительно, поддержка CoffeeScript и LiveScript реализована в Firefox Terminal.
Общий обзор перекраски
Меню для просмотра всех элементов, которые меняют цвет на странице, уже создана предварительная версия.
Контроль таймера
Контроль таймера, который работает при рендеринге CSS-переходов и анимаций: есть концепт.