Які унікальні особливості має Firebug, які не вбудовані в Firefox?


99

Я просто почистив свої додатки Firefox і задумався:

  • Які функції має Firebug, що робить її унікальною?

  • Які функції доступні як у Firebug, так і в Інструментах для розробників Firefox?


3
Я читаю свій RSS-канал для Mozilla Hacks і схоже, що зараз рідні інструменти починають ставати кращими, ніж Firebug. Було б добре, якщо хтось, хто працює з ними, може підтвердити це за 2014 рік, наприклад - hacks.mozilla.org/2014/02/…
llamerr

2
З огляду на поточний порівняно швидкий цикл випуску Firefox, чи не було б просто спроможним об'єднати зусилля? Мене завжди спантеличувало, чому Firebug не пішов так, як скажіть pdf.js, коли Firefox DevTools був примітивним ... З новими DevTools, як Firefox 29, я бачу себе стрибати між Firebug та DevTools для виконання деяких завдань які можна краще виконати в тому чи іншому.
unode

Відповіді:


53

Народні інструменти для розробників Firefox пройшли довгий шлях з моменту написання цього питання. Відмінності в основному зводилися до наступних моментів:

  • Не вдається зупинити виконання сценарію на DOM мутаціях, XHR або змінах файлів cookie.
  • XPaths неможливо скопіювати.
  • Відсутність бічної панелі подій в Інспекторі (хоча події відображаються в структурі DOM).
  • Відсутня бічна панель DOM в інспекторі.
  • Під час редагування HTML немає попереднього попереднього перегляду.
  • Відсутнє автодоповнення для незліченних властивостей у командному рядку.
  • Неможливо знайти в кількох файлах у редакторі стилів.
  • У веб-консолі немає багаторядкового командного рядка (хоча вони мають Scratchpad та командний рядок "smart-multi-line")
  • Немає кнопок на панелі інструментів для перемикання інструментів чи Інспектора.
  • Неможливо знайти відповіді на мережеві запити.
  • Відсутнє автодоповнення для кількох властивостей CSS.
  • Відсутні кілька команд командного рядка.
  • Неможливо додати файли cookie, просто відредагуйте існуючі.
  • Немає режиму ввімкнення та активації на домен (замість вкладки).

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

Інтеграція Firebug

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

Також є посібник з міграції, що пояснює відмінності між Firebug та Firefox DevTools.


2
15.11.2014 - FF 33.0: багато вдосконалених інструментів інспектування було багато: фільтри доступні для вкладки мережі ; Багато справді прикольних та корисних функцій : 3D-перегляд, режим чуйного дизайну, кольоровий грайфер, використаний шрифт + попередній перегляд шрифту; Величезна перевага в порівнянні з Firebug ; Файли cookie можна переглянути за допомогою Firefox -> Інструменти -> Інформація про сторінку -> Захист . Сподіваюся, я можу колись замінити firebug на рідні інструменти, тому що я думаю, що неможливо, щоб аддон Firebug досяг високої продуктивності нативних інструментів.
малісокан

Як FireBug 3.0 порівнюється з рідними інструментами? Схоже, вони в основному лише зняли нативний інструмент, і я не можу знайти порівнянь між Firebug 3.0a9 та нативними інструментами для розробників у FF 36.0.1?
gabaum10

31

Firebug має багато невеликих функцій, які не мають вбудованих інструментів. Граючи з інтерфейсом, ось що спадає на думку, але я впевнений, що є ще:

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

Звичайно, в цьому є і суб'єктивні аспекти. Наприклад, мені особисто подобається інтерфейс Firebug і зовнішній вигляд більше, ніж чорнота розробників, і попереднє знайомство з інструментом завжди важливо.


1
Здається, багато з цього списку сьогодні не актуально.
Алекс-Даніель Якименко-А.

нещодавно (11.2016) Firebug інтегрований у firefox ... і всі ці прості функції / невеликі досить вдосконалення, такі як "один клік для редагування", пішли ... всі добрі речі пропали .... те саме, що і продуктивність користувачів Firebug :( ... взагалі користувальницький інтерфейс firebug краще і швидше працювати
webdev-dan


6

Це незабаром буде неактуальним, оскільки 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 альфа (він же Firebug.next) на даний момент сумісний з Firefox 35 - 36 та підтримуватиме майбутні багатопроцесорні (а також непроцесорні) браузери.

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

Якщо ви встановите Firebug 2 в браузер з підтримкою багатопроцесорних процесів (e10s), вам буде запропоновано перейти на Firebug 3 або вимкнути підтримку багатопроцесорних процесів.

Mozilla вже кілька разів відкладав випуск електролізу. Поточний план полягає у випуску багатопроцесорного Firefox на стабільний канал 19 квітня 2016 року, коли Firefox 46 вийде на стабільний канал.

Це лише прогнозована дата випуску, але можливо, що електроліз затримається і далі.

Одна цікава ідея про те, що Mozilla має зробити випуск менш болючим для користувачів браузера, це ввімкнути Електроліз лише у версіях 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 відпала.

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

Список літератури


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

@user Honza, один з головних розробників, мав це сказати на блозі mozilla hacks, пов’язаному вище:One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.
Paul Sweatte

1
"Firebug 3 не є іншим інструментом для розробників. Це досить тонкий шар, побудований поверх DevTools, що забезпечує нову тему, завдяки якій DevTools буде схожий на Firebug. Є також кілька додаткових функцій, які ми будемо переносити DevTools крок за кроком . " ( джерело ) Тож я вважаю, що ти маєш рацію, врешті-решт він буде повністю об'єднаний у DevTools.
користувач

5

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

Зрештою, це, мабуть, більше вибір, виходячи з ваших особистих уподобань, придумати зброю на вибір, яка приносить вам найбільшу зручність та швидкість.

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


4
Цей список стосується лише швидкості запуску, яка значно покращилася в 1,10, коли Firebug зробив затримку завантаження. Проте, розробники Firefox більше дбають про продуктивність під час використання, частково саме тому, що вони хочуть уникнути пошкодження загальним поглядом Firebug як "повільного". Чи це додасться до того, щоб бути більш корисним, я не знаю.
Саймон Ліндгольм

0

Однією з переваг нативних інструментів розробника перед поточною версією firebug є те, що у неї є вихідні карти, де firebug цього не робить.


0

До унікальних функцій Firebug, але вбудованого інспектора Firefox немає:

  • Скопіюйте XPath
  • Скопіюйте мінімальний XPath
  • Скопіюйте шлях CSS

До унікальних функцій, які має вбудований інспектор Firefox, але Firebug не має:

  • Скопіюйте унікальний селектор

FYI, копіювати XPath елемента потрібно в помилку 987877 , скопіювати шлях CSS можливо, оскільки Firefox 53.0 клацніть правою кнопкою миші на елементі> Copy > CSS Path (див. Помилку 1323700 ).
Себастьян Зартнер

0

Командний рядок консолі у великому режимі редактора дозволяє запускати код у відповідності з поточним контекстом. Новий Scratchpad не бачить поточного розриву точки перелому. Це страшна втрата.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.