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

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

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

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


person janpio    schedule 04.10.2013    source источник
comment
Я читаю свой RSS-канал для Mozilla Hacks, и, похоже, прямо сейчас нативные инструменты начинают становиться лучше, чем Firebug. Было бы неплохо, если бы кто-то из тех, кто с ними работал, подтвердил это на 2014 год. - hacks.mozilla.org/2014/02/   -  person llamerr    schedule 22.04.2014
comment
Учитывая текущий относительно быстрый цикл выпуска Firefox, не будет ли целесообразно просто объединить усилия? Я всегда был озадачен, почему Firebug не работал так же, как, скажем, pdf.js, когда Firefox DevTools был примитивным ... С новыми DevTools, начиная с Firefox 29, я могу видеть, как я прыгаю между Firebug и DevTools для некоторых задач это может быть лучше выполнено в одном или другом.   -  person unode    schedule 04.06.2014


Ответы (8)


Собственные инструменты разработчика 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. .

person Community    schedule 23.10.2013
comment
15.11.2014 - FF 33.0: В встроенный инструмент проверки внесено множество улучшений: Доступны фильтры для вкладки сети; Множество действительно интересных и полезных функций: 3D-просмотр, режим адаптивного дизайна, захват цвета, используемый шрифт + предварительный просмотр шрифта; Огромное преимущество в производительности по сравнению с Firebug; Файлы cookie можно просматривать через Firefox - ›Инструменты -› Информация о странице - ›Безопасность. Надеюсь, что когда-нибудь я смогу заменить firebug собственными инструментами, потому что я думаю, что это невозможно для firebug аддон, чтобы получить высокую производительность нативных инструментов. - person malisokan; 15.11.2014
comment
Как FireBug 3.0 сравнивается с собственными инструментами? Похоже, что они в основном просто обрезали собственные инструменты, и я не могу найти никаких сравнений между Firebug 3.0a9 и собственными инструментами разработчика в FF 36.0.1? - person gabaum10; 12.03.2015

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

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

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

person Simon Lindholm    schedule 09.10.2013
comment
Похоже, многое из этого списка сегодня не актуально. - person Aleks-Daniel Jakimenko-A.; 27.10.2014
comment
firebug недавно был интегрирован в firefox (11.2016) ... и все эти простые функции / небольшие приятные улучшения, такие как редактирование одним щелчком мыши, исчезли ... все хорошее исчезло .... так же, как продуктивность пользователей firebug :( .. . вообще пользовательский интерфейс firebug был лучше и быстрее работать с - person webdev-dan; 29.11.2016

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

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

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

person janpio    schedule 09.10.2013

Вскоре это станет неактуальным, поскольку Firebug и собственные инструменты разработчика объединяются:

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

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

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

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

В настоящее время мы работаем над переносом XHR Inspector (ошибка 1211525), панель DOM ( bug 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.

Ссылки

person Paul Sweatte    schedule 28.03.2015
comment
Это по-прежнему актуально, они не объединяются, новый Firebug будет построен поверх DevTools, поэтому он не дублирует какие-либо существующие функции, но все равно будет иметь некоторые уникальные. - person user; 29.03.2015
comment
@user Honza, один из основных разработчиков, сказал следующее в сообщении блога mozilla hacks, ссылка на который приведена выше: One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools. - person Paul Sweatte; 30.03.2015
comment
Firebug 3 - это не еще один инструмент для разработчиков, это скорее тонкий слой, созданный поверх DevTools, предоставляющий новую тему, которая делает DevTools похожими на Firebug. Есть также несколько дополнительных функций, которые мы постепенно перенесем в DevTools. (источник) Так что я считаю, что вы правы, в конце концов, будет полностью объединен с DevTools. - person user; 10.11.2015

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

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

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

person Volker E.    schedule 05.10.2013
comment
Этот список касается только производительности при запуске, которая значительно улучшилась в 1.10, когда Firebug выполнял отложенную загрузку. Тем не менее, инструменты разработчика Firefox больше заботятся о производительности во время использования, отчасти именно потому, что они хотят избежать запятнать общую точку зрения на Firebug как на медленную. Я не знаю, делает ли это более удобным в использовании. - person Simon Lindholm; 05.10.2013

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

person Lajos Mészáros    schedule 22.05.2015

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

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

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

  • Копировать уникальный селектор
person Community    schedule 14.05.2016
comment
К вашему сведению, копирование XPath элемента запрашивается в ошибке 987877, копируя Путь CSS возможен, начиная с Firefox 53.0, щелкнув правой кнопкой мыши элемент ›КопироватьПуть CSS (см. ошибка 1323700). - person Sebastian Zartner; 28.02.2017

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

person tqwhite    schedule 26.01.2017