![](https://habrastorage.org/getpro/habr/post_images/6af/b9a/4ec/6afb9a4ec09c8c4091e0077319b66e40.png)
Firefox 30 недавно начал разрабатываться у нас на релиз-канале Aurora, поэтому взглянем на его важные изменения.
DOM-Инспектор
Одна из самых востребованных функций состоит в просмотре компонентов box-модели у элементов страницы. Мы рады сообщить, что она появилась в Firefox 30. Круто, что цвета подсветки бокс-модели лучше, чем раньше, совпадают с аналогичными цветами на той же модели на диаграмме справа.
Просмотрите документацию инспектора, чтобы узнать больше о его функциональности.
![](https://habrastorage.org/getpro/habr/post_images/7ce/4e1/f56/7ce4e1f56a4b518f61e15d784eb52498.png)
Видео поведения инспектора при лазании с ним по странице:
Появилась новая подсказка в CSS для семейств шрифтов, чтобы просматривать вид шрифта (замечания для разработчика.
![](https://habrastorage.org/getpro/habr/post_images/6af/b9a/4ec/6afb9a4ec09c8c4091e0077319b66e40.png)
Web-консоль
Есть значительные улучшения в консоли в плане просмотра и навигации по выходным данным.
- Улучшенная расцветка всех объектов JS и функций (примечания по разработке)
- подсветка и переход к нодам из консоли (примечания по разработке)
- добавлена поддержка console.count() (примечания по разработке)
![](https://habrastorage.org/getpro/habr/post_images/404/098/8e8/4040988e8bb7bffc3c599767f086912a.png)
![](https://habrastorage.org/getpro/habr/post_images/20b/229/f29/20b229f298678e6531c00b9cab33978e.png)
Выполнение команды cd() переключает окружение между фреймами (подробнее в документации), (примечания по разработке).
![](https://habrastorage.org/getpro/habr/post_images/3b1/fa6/b08/3b1fa6b08199e07611f5fcbc7134bf13.png)
Читайте больше в посте Михая о грядущих изменениях в веб-консоли. Он также описывал документацию по веб-консоли для авторов расширений браузера.
Firefox OS
Сетевой монитор теперь работает с Firefox OS (замечания по разработке).
Сейчас имеется отслеживание памяти и Jank tracking в Firefox OS Developer HUD. Прочитать больше о Jank (т.е. о задержках цикла событий) — в блоге Павла Firefox OS: поддержка reflow и задержки в цикле событий (event loop).
![](https://habrastorage.org/getpro/habr/post_images/b8b/72c/5fc/b8b72c5fc0694a18b2bfd8b7727e59b0.png)
Монитор сетевой активности
- Обновлён дизайн диаграммы активности, улучшена скорость прокрутки панели (примечания).
- При наведении на ответ запроса изображения в попапе появляется изображение (примечания)
- Запросы на изображения отображаются с миниатюрами (примечания)
![](https://habrastorage.org/getpro/habr/post_images/738/3e7/98c/7383e798c873e03623968d54cf6741fc.png)
Запросы на JSON-подобные ответы показывают превью объекта кроме случаев, если ответ — простой текст (примечания).
![](https://habrastorage.org/getpro/habr/post_images/e10/579/a1b/e10579a1b5c86b7c5746949235e7c380.png)
Панель инструментов
Для cmd+alt+k или ctrl+shift+k установлено новое поведение — фокусирование на строке ввода консоли (подобно типичному поведению консоли в Linux или Windows), открывая панель при необходимости, но не закрывая её. Подробнее об изменениях — в robcee.net блоге (примечания).
Для сохранения некоторого пространства в панели появились несколько настроек для скрывания части команд. По умолчанию открыты 3 кнопки. Подробнее — в рассылке «Инструменты» (примечания). Переключение — кликами в панели настроек.
![](https://habrastorage.org/getpro/habr/post_images/25b/198/0a9/25b1980a9403de7cb48043cda392fdbf.png)
Мы хотели бы поблагодарить всех 46 человек, которые внесли правки в этот релиз. Вот список исправленных ошибок для Firefox 30.
Появились замечания, ошибки, пожелания или вопросы? Как всегда, вы можете прокомментировать здесь в блоге или контактировать с командой на @ FirefoxDevTools.
— March 25, 2014