Fitur unik apa yang dimiliki Firebug yang tidak ada di dalam Firefox?

99

Saya baru saja membersihkan addon Firefox saya dan bertanya-tanya:

  • Fitur apa yang dimiliki Firebug yang membuatnya unik?

  • Fitur apa yang tersedia di Firebug dan Alat Pengembang Firefox?

janpio
sumber
3
Saya membaca umpan rss saya untuk Mozilla Hacks, dan sepertinya saat ini alat asli mulai menjadi lebih baik daripada Firebug. Alangkah baiknya jika seseorang yang bekerja dengan mereka dapat mengonfirmasi hal itu untuk 2014. misalnya - hacks.mozilla.org/2014/02/…
llamerr
2
Mengingat siklus rilis Firefox saat ini yang relatif cepat, bukankah layak untuk hanya menggabungkan upaya? Saya selalu bingung mengapa Firebug tidak menggunakan cara yang sama seperti yang dikatakan pdf.js ketika Firefox DevTools masih primitif ... Dengan DevTools yang lebih baru pada Firefox 29, saya dapat melihat diri saya beralih di antara Firebug dan DevTools untuk beberapa tugas yang dapat dilakukan dengan lebih baik di satu perangkat atau lainnya.
unode

Jawaban:

53

Alat pengembang asli Firefox ini telah datang lama cara karena pertanyaan ini ditulis. Perbedaan tersebut terutama berkurang menjadi poin-poin berikut:

  • Tidak dapat menghentikan eksekusi skrip pada mutasi DOM, XHR, atau perubahan cookie.
  • XPaths tidak dapat disalin.
  • Panel samping peristiwa di Inspector tidak ada (meskipun peristiwa ditampilkan dalam struktur DOM).
  • Panel samping DOM tidak ada di Inspector.
  • Tidak ada pratinjau langsung saat mengedit HTML.
  • Pelengkapan otomatis tidak ada untuk properti yang tidak dapat dihitung di baris perintah.
  • Tidak dapat mencari dalam banyak file di Editor Gaya.
  • Tidak ada baris perintah multi-baris di Konsol Web (meskipun memiliki Scratchpad dan baris perintah "multi-baris pintar")
  • Tidak ada tombol toolbar untuk beralih alat atau Inspektur.
  • Tidak dapat mencari dalam tanggapan permintaan jaringan.
  • Pelengkapan otomatis tidak ada untuk beberapa properti CSS.
  • Hilang beberapa perintah baris perintah.
  • Tidak dapat menambahkan cookie, cukup edit yang sudah ada.
  • Tidak ada mode selalu aktif dan aktivasi per domain (bukan per tab).

Ada lebih banyak hal yang hilang, yang dilacak dalam laporan bug yang diajukan untuk semua celah antara Firebug dan Firefox DevTools .

Integrasi Firebug

Firebug sekarang dibangun di atas alat pengembang asli. Sejak Firefox 48 ada juga tema Firebug yang terlihat seperti ekstensi Firebug, membuat Anda merasa seperti di rumah sendiri jika Anda terbiasa dengan Firebug. Setelah multiproses Firefox diaktifkan, menekan F12atau mengklik tombol Firebug akan membuka Firefox DevTools dan dengan tema Firebug.

Ada juga panduan migrasi yang menjelaskan perbedaan antara Firebug dan Firefox DevTools.

Sebastian Zartner
sumber
2
15.11.2014 - FF 33.0: Ada banyak perbaikan pada alat inspeksi asli: Filter tersedia untuk tab jaringan ; Banyak fitur yang sangat keren dan berguna : Tampilan 3D, mode Desain Responsif, Pengambil warna, Pratinjau font + font bekas; Keunggulan kinerja yang besar dibandingkan dengan Firebug ; Cookies dapat dilihat melalui Firefox -> Alat -> Info Halaman -> Keamanan . Semoga suatu saat nanti saya dapat mengganti firebug dengan alat asli, karena menurut saya addon firebug tidak mungkin mendapatkan kinerja tinggi dari alat asli.
malisokan
Bagaimana FireBug 3.0 dibandingkan dengan alat asli? Sepertinya mereka pada dasarnya hanya menguliti alat asli dan saya tidak dapat menemukan perbandingan antara Firebug 3.0a9 dan alat dev asli di FF 36.0.1?
gabaum10
31

Ada banyak fitur kecil yang dimiliki Firebug yang tidak dimiliki alat bawaan. Bermain-main dengan UI, inilah yang terlintas dalam pikiran, tapi saya yakin ada lebih banyak:

  • kemampuan pemeriksaan penutupan, seperti someFunction.%closureVarsintaks baris perintah
  • klik kanan untuk bermain dengan nilai apa pun di baris perintah
  • sekali klik untuk mengedit
  • menyoroti elemen saat melayang
  • API baris perintah, seperti includedangetEventListeners
  • kemampuan untuk menunjukkan gaya UA
  • "Tambahkan aturan" dari dalam panel Gaya
  • panel CSS yang dapat digunakan untuk CSS yang diperkecil
  • ketika sebuah elemen hanya berisi teks, panel HTML menampilkan teks sebaris
  • XHR logging di Konsol dengan prettification JSON (dan yang tidak membuka popup)
  • "Hentikan perubahan atribut / perubahan subtree / penghapusan node" di panel HTML
  • "Hentikan mutasi", "Hentikan selanjutnya", "Jeda perubahan properti", "Hentikan perubahan cookie"
  • seluruh panel Cookies
  • tumpukan jejak di panel Konsol
  • mengedit dan menempelkan HTML
  • pencarian teks bebas dalam sebagian besar panel
  • banyak pilihan untuk dimainkan jika Anda perlu
  • acara logging

Ada juga, tentu saja, aspek subjektif untuk ini. Misalnya, saya pribadi menyukai UI Firebug dan tampilannya lebih dari sekadar kegelapan alat pengembang, dan keakraban sebelumnya dengan alat selalu penting.

Simon Lindholm
sumber
1
Sepertinya banyak dari daftar ini yang tidak relevan saat ini.
Aleks-Daniel Jakimenko-A.
firebug diintegrasikan ke dalam firefox baru-baru ini (11.2016) ... dan semua fitur sederhana ini / peningkatan kecil yang cantik seperti "satu klik untuk mengedit" hilang .. semua hal baik hilang .... sama dengan produktivitas pengguna firebug :( ... secara umum UI firebug lebih baik dan lebih cepat untuk digunakan
webdev-dan
6

Ini akan segera menjadi tidak relevan, karena Firebug dan alat pengembang asli bergabung:

Firebug 2 tidak berfungsi di browser multi-proses (mis. E10s) dan mengubahnya terlalu rumit, ini akan berhenti berfungsi saat e10s diaktifkan di Firefox.

Kami ingin siap ketika Firebug 2 berhenti bekerja dan kami telah membuat rencana berikut.

Integrasikan semua fitur Firebug 3 ke dalam alat bawaan Firefox dan teruskan semua pengguna Firebug ke sana.

Ganti Firebug 2 dengan merilis Firebug 3 (di AMO) hanya jika kami harus memberikan fitur penting yang hilang di alat pengembang Firefox dalam sebuah ekstensi.

Kami sedang mengerjakan porting XHR Inspector ( bug 1211525 ), panel DOM ( bug 1201475 ) dan tema Firebug ( bug 1244054 ).

Tujuan utama rilis Firebug berikutnya adalah untuk mengintegrasikannya ke dalam DevTools bawaan Firefox. Selain itu, Firebug Working Group merencanakan beberapa fitur baru untuk memperluas DevTools dengan fungsionalitas baru.

Firebug 3.0 alpha (alias Firebug.next) saat ini kompatibel dengan Firefox 35-36 dan akan mendukung browser multiproses (serta non-multiproses) yang akan datang.

Firebug 3.0 (juga dikenal sebagai Firebug.next) mewakili generasi Firebug berikutnya yang dibangun di atas alat pengembang Firefox asli.

Jika Anda menginstal Firebug 2 ke browser yang mendukung multiproses (e10s), Anda akan diminta untuk meningkatkan ke Firebug 3 atau menonaktifkan dukungan multiproses.

Mozilla sudah beberapa kali menunda peluncuran Elektrolisis. Rencana saat ini adalah merilis Firefox multiproses ke saluran stabil pada 19 April 2016 saat Firefox 46 dirilis ke saluran stabil.

Ini adalah tanggal rilis yang diproyeksikan hanya dan ada kemungkinan bahwa Elektrolisis akan ditunda lebih lanjut.

Satu ide menarik yang Mozilla harus membuat rilis tidak terlalu menyakitkan bagi pengguna browser adalah mengaktifkan Elektrolisis hanya di versi Firefox tanpa add-on, dan di versi Firefox yang hanya menginstal add-on yang kompatibel.

Kami telah bekerja untuk menyatukan alat Pengembang Firefox dan Firebug selama beberapa waktu. Dari Firefox 49, kami akan mengirimkan Firebug.next built-in.

Jika Anda menggunakan Alat Pengembang Firefox bawaan, daripada Firebug, Anda mungkin menyukai Panel DOM dan Tema Firebug yang telah kami tambahkan dalam penggabungan ini.

Selain itu, kami telah mem-porting beberapa ekstensi Firebug umum (PixelPerfect, FireQuery dan HARExportTrigger sebelumnya NetExport). Dan sementara kami melakukannya, Anda mungkin menyukai ekstensi Monitor WebSocket baru kami.

Sebagai bagian dari mem-port fitur Firebug ke alat bawaan, kami juga mem-porting tema Firebug, memberi pengguna Firebug lingkungan yang lebih familiar untuk bekerja dengannya.

Tema ini panas, panas, panas! Sambutlah tema Firebug untuk Alat Pengembang

Mozilla hari ini meluncurkan Firefox 48 untuk Windows, Mac, Linux, dan Android. Browser telah memperoleh dukungan multi-prosesor (akhirnya), perlindungan yang ditingkatkan terhadap unduhan berbahaya, dan peningkatan media di Android. Dukungan untuk versi OS X lama dan Android Gingerbread telah dihentikan.

Di Firefox 48, Mozilla perlahan mengaktifkan dukungan multi-proses, dimulai dengan 1 persen pengguna, dan meningkat hingga hampir setengah dari saluran Rilis Firefox. Untuk memeriksa apakah Anda berada di grup Elektrolisis, ketik "about: support" ke dalam bilah URL dan periksa untuk melihat apakah tertulis "1/1 (Diaktifkan secara default)" di bawah item baris Windows Multiprocess.

Referensi

Paul Sweatte
sumber
Ini akan tetap relevan, tidak digabungkan , Firebug baru akan dibangun di atas DevTools sehingga tidak menduplikasi semua fitur yang ada, tetapi masih memiliki beberapa fitur unik.
pengguna
@user Honza, salah satu pengembang utama, mengatakan ini di entri blog peretasan mozilla yang ditautkan di atas:One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.
Paul Sweatte
1
"Firebug 3 bukanlah alat pengembang lain, ini lebih merupakan lapisan tipis yang dibangun di atas DevTools, menyediakan tema baru yang membuat DevTools terlihat seperti Firebug. Ada juga beberapa fitur tambahan, yang akan kami porting ke DevTools selangkah demi selangkah . " ( sumber ) Jadi saya yakin Anda benar, akhirnya akan digabungkan ke DevTools sepenuhnya.
pengguna
5

Saya pikir keuntungan terbesar masih - setelah implementasi fungsi Panel Jaringan & Timeline - adalah ketersediaan berbagai Ekstensi Firebug , seperti misalnya YSlow, Kecepatan Halaman, FirePython, dan sebagainya.

Pada akhirnya, itu mungkin lebih merupakan pilihan berdasarkan preferensi pribadi Anda, untuk menghasilkan senjata pilihan yang memberi Anda kenyamanan dan kecepatan paling banyak.

Detail yang menarik dari keputusan ini adalah, Firebug pernah menjadi salah satu plugin yang memiliki dampak kinerja negatif paling signifikan pada Firefox. Saya tidak tahu tentang studi saat ini tentang itu, terutama jika alat pengembang bawaan bertindak lebih baik dari segi kinerja daripada Firebug.

Volker E.
sumber
4
Daftar itu hanya tentang kinerja startup, yang meningkat pesat di 1,10 ketika Firebug dijadikan delay-load. Namun, Firefox devtools lebih memperhatikan kinerja selama penggunaan, sebagian karena mereka ingin menghindari ternoda oleh pandangan umum Firebug sebagai "lambat". Apakah itu menambahkan menjadi lebih berguna, saya tidak tahu.
Simon Lindholm
0

Salah satu keuntungan alat dev asli dibandingkan versi firebug saat ini adalah ia memiliki peta sumber, sedangkan firebug tidak.

Lajos Meszaros
sumber
0

Fitur unik yang dimiliki Firebug, tetapi pemeriksa bawaan Firefox tidak memiliki, meliputi:

  • Salin XPath
  • Salin Minimal XPath
  • Salin Jalur CSS

Fitur unik yang dimiliki oleh pemeriksa bawaan Firefox, tetapi tidak dimiliki Firebug, meliputi:

  • Salin Pemilih Unik
sampablokuper
sumber
FYI, menyalin XPath dari sebuah elemen diminta dalam bug 987877 , menyalin jalur CSS dimungkinkan sejak Firefox 53.0 melalui klik kanan pada elemen> Salin > Jalur CSS (lihat bug 1323700 ).
Sebastian Zartner
0

Baris perintah konsol dalam ukuran besar, mode editor memungkinkan menjalankan kode pada konteks saat ini. Scratchpad baru tidak melihat cakupan breakpoint saat ini. Ini adalah kerugian yang sangat besar.

tqwhite.dll
sumber