Какие уникальные функции Firebug не встроены в Firefox?

Я только что почистил свои дополнения к Firefox и подумал:

• Какие особенности Firebug делают его уникальным?

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

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

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

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

Интеграция Firebug

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

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

Firebug имеет множество мелких функций, которых нет во встроенных инструментах. Вот что приходит на ум, играя с пользовательским интерфейсом, но я уверен, что есть еще:

• возможности проверки закрытия, такие как someFunction.%closureVarсинтаксис командной строки
• щелкните правой кнопкой мыши, чтобы поиграть с любым значением в командной строке
• один щелчок для редактирования
• выделение элементов при наведении
• API командной строки, например, includeиgetEventListeners
• возможность показывать стили UA
• "Добавить правило" на панели "Стиль"
• панель CSS, которую можно использовать для минифицированного CSS
• когда элемент содержит только текст, панель HTML отображает текст встроенным
• Ведение журнала XHR в консоли с предварительной настройкой JSON (и при этом не открывается всплывающее окно)
• "Прерывание при изменении атрибута / изменении поддерева / удалении узла" на панели HTML
• «Прерывание при изменении», «Прерывание при следующем», «Прерывание при изменении свойства», «Прерывание при изменении файла cookie»
• целая панель cookie
• трассировки стека на панели консоли
• редактирование и вставка HTML
• поиск произвольного текста на большинстве панелей
• множество вариантов, чтобы вертеться, если вам нужно
• регистрация событий

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

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

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

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

Вскоре это станет неактуальным, поскольку 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 будет его интеграция во встроенный в Firefox DevTools. Помимо этого, рабочая группа Firebug планирует некоторые новые функции для расширения DevTools с помощью новых функций.

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

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

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

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

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

Одна интересная идея, заключающаяся в том, что 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. Чтобы проверить, находитесь ли вы в группе «Электролиз», введите «about: support» в адресную строку и проверьте, не написано ли «1/1 (включено по умолчанию)» в строке Multiprocess Windows.

Ссылки

• Firebug продолжает работать в Firefox DevTools

• Слияние Firebug со встроенными инструментами разработчика Firefox

• Mozilla запускает многопроцессорный тест в бета-версии Firefox

• Дорожная карта Firebug

• Firebug 3 и многопроцессорный Firefox (e10s)

• Репозиторий Firebug.next на Github

• Объединение Firebug и Firefox DevTools

• Developer Edition 48 - функции Firebug, редактируемое хранилище, улучшения инспектора и многое другое…

• Страница проекта Firebug 3.0

• Удаленная отладка: отладка рабочего стола Firefox

• Примечания к выпуску Firefox 48: Инструменты разработчика

• Firefox 48 прибывает с поддержкой нескольких процессов, отказывается от старых версий OS X и Android Gingerbread

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

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

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

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

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

• Копировать XPath
• Копировать минимальный XPath
• Копировать путь CSS

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

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

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