Пользователям браузера Firefox стала доступна новая версия известного дополнения Firebug, с помощью которого можно заниматься отладкой веб-приложений прямо в браузере.
Версия Firebug 1.11 может быть загружена на версиях Firefox 17 по Firefox 20, в то время как предыдущая версия Firebug 1.10 доступна для Firefox 13 - Firefox 17.
Изменения Firebug 1.11:
Поддержка SPDY протокола. В панели Net (Сеть) будет отображаться использование протокола,как это показано ниже на изображении:
Отображение таймингов выполнения. Теперь есть возможность визуально представить общую картину обработки загруженной страницы с помощью функции performance.timing,которая отобразит в панели Консоль графики обработки загруженной страницы:
CSS Query Selector. Специальный инструмент для быстрого выполнения CSS-селекторов, отображает в боковой панели выбранные селекторы.
С помощью данного инструмента можно вставлять свои CSS-селекторы или получать лист уже используемых, при этом они отобразятся в боковой панели в виде небольшого списка.
Новая команда include(). С помощью данной функции можно подгружать различный JavaScript-код, при этом присутствует возможность настройки сокращений.
Можно набирать полную строку:
include("http://code.jquery.com/jquery-latest.min.js");
Либо создать сокращение с помощью команды:
include("http://code.jquery.com/jquery-latest.min.js", "jquery");
И в дальнейшем при подгрузке использовать:
include("jquery");
Все зарегистрированные сокращения доступны по команде include(). Важно отметить, что все сокращения доступны и после перезагрузок браузера.
Отслеживание windows.postMesssage(). В новой версии улучшено отображение событий получения новых сообщений через метод window.postMessage():
В консоли будет отображены такие данные как:
- Адрес (ссылка) окна\фрейма.
- Данные, которые пересылаются через сообщение.
- Целевое окно\фрейм.
Copy & Paste HTML. Теперь доступно быстрое клонирование различных частей DOM-дерева в виде HTML-разметки с помощью функций Copy & Paste (Копирование и Вставка). Если копирование HTML уже присутствовало некоторое время, то вставка - это новый функционал.Таким же образом можно копировать и вставлять XML и SVG данные:
Настройка стилей логирования. Появилась возможность использования настраиваемых CSS-свойств (через переменную %c).
В результате можно подсвечивать различным цветом текст, использовать фильтры, изменение размера шрифта, вставка изображений и так далее:
Отслеживание вызовов функций. Данная возможность была улучшена и теперь отображает текущую трассировку стека с места, где начат мониторинг выполнения функций.
Улучшенные команды $() и $$(). Команды используются для выборки селекторов, querySelector() и querySelectorAll(), соответственно.
Поддержка автозавершения для встроенных свойств и методов. Командная строка теперь поддерживает автозавершение для встроенных элементов String.prototype и Object.prototype, а также некоторых других объектов.
Скачать Firebug 1.11 можно по прямой ссылке с официального сайта - Скачать Firebug 1.11