Firebug был оригинальной консолью для разработчиков, и, несмотря на усиление конкуренции со стороны Webkit и Opera, он остается лучшим. Версия 1.11 была выпущена на прошлой неделе и должна автоматически появиться в вашей установке Firefox. Если нет, нажмите « Надстройки» в главном меню, а затем кнопку « Проверить наличие обновлений» . Кроме того, зайдите на getfirebug.com и загрузите его оттуда.
В новой версии исправлено более 120 проблем и реализовано 40 улучшений. Это включает…
Новый инструмент выбора CSS-запросов
Это круто. Перейдите на вкладку CSS, щелкните правой кнопкой мыши любой селектор и выберите « Получить соответствующие элементы» . Список всех элементов, соответствующих селектору, отображается в правой панели «Элементы»:
Скопируйте и вставьте HTML
Некоторое время можно было копировать разделы, но теперь Firebug позволяет вставлять HTML, XML или SVG-код непосредственно в DOM. Щелкните правой кнопкой мыши любой элемент, выберите « Вставить HTML» и выберите способ вставки кода:
График синхронизации производительности
Как только ваша страница загрузится, введите в консоли performance.timing
где:
- Загрузка страницы — это общее время, необходимое для загрузки страницы.
- Ожидание — это время, необходимое для запуска ответа сервера.
- Получение времени загрузки
- DOM Обработка времени, необходимого для создания DOM
- DOMContentLoaded время, необходимое для обработки событий DOMContentLoaded
- onLoad время, необходимое для обработки событий onLoad
Вы можете навести курсор на любую временную шкалу для получения более подробной информации.
Ведение журнала в стиле
Если вы сохраняете пропущенные сообщения в консоли, можно применить разные стили для вывода с помощью переменной %c Например:
console.log("%cred-text %cgreen-text", "color:red", "color:green");
Формирует:
window.postMessage () События
Размещение сообщений между окнами и фреймами записывается в консоль:
Здесь отображаются исходное окно / URL-адрес фрейма, сообщение с данными и целевой объект окна / фрейма.
Поддержка протокола SPDY
SPDY (произносится как скоростной) — это довольно новый HTTP-подобный сетевой протокол, который использует сжатие, мультиплексирование и расстановку приоритетов для повышения скорости загрузки. Сетевая панель Firebug теперь показывает, когда используется SPDY:
Новая команда include ()
Команда include()
include("http://mysite.com/mylib.js");
Если вы делаете это часто, вы можете создать псевдоним один раз, а затем использовать эту ссылку, например,
include("http://mysite.com/mylib.js", "mylib");
include("mylib");
Firebug почти семь лет, но команда разработчиков продолжает добавлять новые инновационные функции. Для многих людей это основная причина использовать Firefox в качестве браузера для разработки.