Что нового в Firebug 2.0

Firefox 30 был выпущен 10 июня 2014. Наиболее интересные изменения в новой версии браузера:

  • Новое background-blend-mode CSS3 свойство, которое определяет, как фоновые цвета и изображения сливаются (наложение, умножение и т.д.)
  • Подсветка бокс-модели и поддержка console.count в консоли разработчика
  • Добавлена поддержка GStreamer 1.0 для Linux (ранее поддерживался 0.10)

Что еще более важно, Firebug 2.0 был запущен. Это заняло некоторое время, чтобы достичь рубежа учитывая проект почти десятилетней давности и нынешняя тенденция для быстрого-увеличения версии. Первый в мире консоль разработчика начал отставать от своих подражателей, так как производители улучшили собственные средства и инструменты браузера.

Firebug 2.0 реализует несколько новых функций и усовершенствований вид.

Обновленный интерфейс.

Интерфейс получил обновление. Панели могут быть показаны или скрыты в главном меню Firebug:

Обновленный интерфейс firebug 2
image-6

Обновленный интерфейс firebug 2

Кроме того, мы, наконец, получили подсветку синтаксиса:

подсветку синтаксиса firebug 2.0
image-7

Инспектор событий

Новая панель Событий во вкладке HTML перечислены все события, прикрепленные к выбранному элементу DOM и ссылки на обработчик сценариев.

Инспектор событий
image-8

Контроль JavaScript выражений

Значение любой переменной или выражения могут быть проверены, наведя курсор на код:

Контроль JavaScript выражений
image-9

Улучшенная авто подсветка

Автозаполнение кода доступно на большинстве панелей — нажмите вкладку, чтобы открыть для предолжения раскрывающегося пункта. Он также может быть использован при редактировании атрибутов HTML / SVG:

Улучшенная авто подсветка firebug 2
image-10