Каковы уникальные возможности Firebug, которые не встроены в Firefox?

Я просто очистил свои аддоны Firefox и задался вопросом:

Какие функции Firebug делают уникальными?
Какие функции доступны как в Firebug, так и в Firefox Developer Tools?

Ответ 1

Утилиты для разработчиков Firefox изначально прошли долгий путь, поскольку этот вопрос был написано. Различия в основном сводятся к следующим моментам:

Невозможно остановить выполнение script изменений DOM, изменений XHR или файлов cookie.
XPaths нельзя скопировать.
Отсутствие боковой панели событий в инспекторе (хотя события отображаются в структуре DOM).
Отсутствует боковая панель DOM в инспекторе.
Предварительный просмотр без предварительного просмотра HTML.
Отсутствует автозаполнение для неперечислимых свойств в командной строке.
Невозможно выполнить поиск в нескольких файлах в редакторе стилей.
Нет многострочной командной строки в веб-консоли (хотя у них есть Scratchpad и "умная многострочная" командная строка)
Нет кнопок панели инструментов для переключения инструментов или Инспектора.
Невозможно выполнить поиск в ответах сетевых запросов.
Отсутствует автозаполнение нескольких свойств CSS.
Отсутствует несколько команд командной строки.
Невозможно добавить файлы cookie, просто отредактируйте существующие.
Нет режима включения и активации для каждого домена (вместо каждой вкладки).

Пропущено больше вещей, которые отслеживаются в отчете об ошибке содержащем все промежутки между Firebug и Firefox DevTools.

Интеграция Firebug

Firebug теперь встроен поверх собственных инструментов разработчика. Начиная с Firefox 48 существует тема Firebug, которая похожа на расширение Firebug, позволяя вам чувствовать себя как дома, если вы привыкли к Firebug. После включения многопроцессорного Firefox нажатие F12 или нажатие кнопки Firebug открывает Firefox DevTools и тему Firebug.

Также существует руководство по миграции, объясняющее различия между Firebug и Firefox DevTools.

Ответ 2

Есть много небольших функций, которые Firebug имеет, что встроенные инструменты этого не делают. Играя с пользовательским интерфейсом, это то, что приходит на ум, но я уверен, что есть больше:

возможности проверки закрытия, такие как синтаксис командной строки someFunction.%closureVar
щелкните правой кнопкой мыши, чтобы воспроизвести любое значение в командной строке
нажмите один для редактирования
выделение элементов при зависании
API командной строки, например include и getEventListeners
возможность отображения стилей UA
"Добавить правило" из панели "Стиль"
панель CSS, пригодная для мини-CSS
когда элемент содержит только текст, панель HTML отображает текст в строке
Запись XHR в Консоль с предикацией JSON (и которая не открывает всплывающее окно)
"Отменить изменение атрибута/изменение поддерева / node удаление" в панели HTML
"Break on mutate", "Break on next", "Break on change", "Break on cookie change"
панель куки файлов
трассировки стека на панели консоли
редактирование и вставка HTML
свободный текст в большинстве панелей
множество опций для поворота, если вам нужно
регистрация событий

Также есть, конечно, субъективные аспекты. Например, мне лично нравится Firebug UI и внешний вид больше, чем чернота devtools, и предыдущее знакомство с инструментом всегда важно.

Ответ 3

Кажется, что кто-то там увидел мой вопрос здесь;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

Проблема в том, что тоже не очень-то ответит. Но это подразумевает, что Firebug прямо сейчас не имеет большого отличия и поэтому ищет способ изменить это.

Ответ 4

Это будет неуместно в ближайшее время, так как Firebug и собственные инструменты разработчика объединяются:

Firebug 2 не работает в многопроцессорных браузерах (т.е. e10s), и преобразование слишком сложное, оно перестанет работать, когда e10s активируется в Firefox.

Мы хотим быть готовы, когда Firebug 2 перестанет работать, и мы разработали следующий план.

Интеграция всех функций Firebug 3 в встроенные инструменты Firefox и пересылка всех пользователей Firebug на него.

Замените Firebug 2, выпустив Firebug 3 (на AMO) только в том случае, если нам нужно предоставить какие-либо критические функции, отсутствующие в инструментах разработчика Firefox в расширении.

В настоящее время мы работаем над портированием XHR Inspector (ошибка 1211525), панель DOM (ошибка 1201475) и тема Firebug (ошибка 1244054).

Основной целью следующего выпуска Firebug будет интеграция его в встроенный DevTools Firefox. Помимо этого рабочая группа Firebug планирует некоторые новые функции для расширения DevTools с новыми функциональными возможностями.

Firebug 3.0 alpha (aka Firebug.next) в настоящее время совместим с Firefox 35 - 36 и будет поддерживать будущие многопроцессорные (а также не мультипроцессорные) браузеры.

Firebug 3.0 (также известный как Firebug.next) представляет следующее поколение Firebug, созданное поверх встроенных инструментов разработчика Firefox.

Если вы установите Firebug 2 в браузер с поддержкой мультипроцесса (e10s), вам будет предложено перейти на Firebug 3 или отключить поддержку многопроцессорности.

Mozilla несколько раз отложила выпуск электролиза. Текущий план заключается в выпуске многопроцессорного Firefox на стабильный канал 19 апреля 2016 года, когда Firefox 46 будет выпущен на стабильный канал.

Это только прогнозируемая дата выпуска, но возможно, что электролиз будет отложен и дальше.

Одна интересная идея о том, что Mozilla должна сделать релиз менее болезненным для пользователей браузера, - это включить Electrolysis только в версиях Firefox без надстроек и в версиях Firefox, где установлены только совместимые дополнения.

Мы работаем над унификацией инструментов разработчика Firefox и Firebug в течение некоторого времени. Из Firefox 49, возможно, будет поставляться Firebug.next.

Если вы используете встроенные средства разработки Firefox, а не Firebug, тогда вам может понравиться панель DOM и тема Firebug, добавленные в это слияние.

Кроме того, мы портировали некоторые распространенные расширения Firebug (PixelPerfect, FireQuery и HARExportTrigger, ранее NetExport). И хотя это было возможно, вам может понравиться наш новый расширение WebSocket Monitor.

Как часть переноса функций Firebug на встроенные инструменты, они также переносят тему Firebug, предоставляя пользователям Firebug более привычную среду для работы.

Эта тема горячая, горячая, горячая! Скажите привет теме Firebug для инструментов разработчика

Mozilla сегодня запустила Firefox 48 для Windows, Mac, Linux и Android. Браузер получил многопроцессорную поддержку (наконец), улучшенную защиту от вредоносных загрузок и усовершенствования мультимедиа на Android. Отказано в поддержке старых версий OS X и Android Gingerbread.

В Firefox 48 Mozilla медленно поддерживает поддержку нескольких процессов, начиная с 1 процента пользователей и увеличивая почти половину канала выпуска Firefox. Чтобы проверить, есть ли в группе Electrolysis, введите "about: support" в строку URL-адреса и проверьте, не говорит ли он "1/1 (включен по умолчанию)" в разделе "Многопроцессорная Windows".

Ссылки

Ответ 5

Я думаю, что самое большое преимущество - после реализации Сетевой панели и временной шкалы - это доступность различных Firebug Extensions, например, YSlow, Page Speed, FirePython и т.д.

В конце концов, это, вероятно, больше выбор, основанный на ваших личных предпочтениях, придумать оружие выбора, которое приносит вам наибольшее удобство и скорость.

Интересная деталь этого решения заключается в том, что Firebug однажды был одним из плагинов, который имел самое значительное отрицательное влияние на производительность Firefox. Я не знаю о текущем исследовании, особенно если встроенные инструменты dev работают лучше, чем Firebug.

Ответ 6

Одно из преимуществ встроенных инструментов dev над текущей версией firebug заключается в том, что у него есть исходные коды, в которых firebug не работает.

Ответ 7

Уникальные функции, которые Firebug имеет, но встроенный инспектор Firefox не имеет, включают:

Скопировать XPath
Копировать минимальный XPath
Копировать CSS-путь.

Уникальные функции, которые встроенный инспектор Firefox имеет, но Firebug не имеет, включают:

Копировать уникальный селектор

Ответ 8

Командная строка консоли в большом режиме редактора позволяет запускать код в текущем контексте. Новый Scratchpad не видит текущую область контрольной точки. Это ужасная потеря.