Firebug, Firefox'ta yerleşik olmayan hangi benzersiz özelliklere sahiptir?

99

Firefox eklentilerimi temizledim ve merak ettim:

  • Firebug'ı benzersiz kılan hangi özelliklere sahiptir?

  • Firebug ve Firefox Geliştirici Araçlarında hangi özellikler mevcuttur?

firefox  firebug  language-features  firefox-developer-tools 
— Janpio
kaynak
3
Mozilla Hacks için RSS beslememi okuyorum ve şu anda yerel araçlar Firebug'dan daha iyi olmaya başlıyor gibi görünüyor. Onlarla çalışan birinin bunu 2014 için onaylaması iyi olur. Örn. - hacks.mozilla.org/2014/02/…
— llamerr
2
Firefox'un mevcut nispeten hızlı sürüm döngüsü göz önüne alındığında, çabaları basitçe birleştirmek uygun olmaz mıydı? Firefox DevTools ilkelken Firebug'ın neden pdf.js ile aynı şekilde gitmediğine her zaman şaşırmıştım ... Firefox 29'dan itibaren daha yeni DevTools ile bazı görevler için Firebug ve DevTools arasında gidip geldiğimi görebiliyorum bu, birinde veya diğerinde daha iyi yapılabilir.
— 2014

Yanıtlar:

53

Firefox'un yerel geliştirici araçları bu sorunun yazılmasından bu yana uzun bir yol kat etti. Farklılıklar esas olarak aşağıdaki noktalara indirgenmiştir:

  • DOM mutasyonlarında, XHR'lerde veya çerez değişikliklerinde komut dosyasının yürütülmesini durduramaz.
  • XPath'ler kopyalanamaz.
  • Inspector'da bir olaylar yan paneli eksik (olaylar DOM yapısı içinde görüntüleniyor olsa da).
  • Inspector'da bir DOM yan paneli eksik.
  • HTML düzenlenirken canlı önizleme yapılmaz.
  • Komut satırında numaralandırılamayan özellikler için eksik otomatik tamamlama.
  • Stil Düzenleyicide birden fazla dosya içinde arama yapılamaz.
  • Web Konsolunda çok satırlı komut satırı yok (Scratchpad ve "akıllı çok satırlı" komut satırları olmasına rağmen)
  • Araçları veya Denetçiyi değiştirmek için araç çubuğu düğmesi yok.
  • Ağ isteklerinin yanıtları içinde arama yapılamaz.
  • Birkaç CSS özelliği için eksik otomatik tamamlama.
  • Birkaç komut satırı komutu eksik.
  • Çerez ekleyemezsiniz, sadece mevcut olanları düzenleyin.
  • Her zaman açık modu ve etki alanı başına etkinleştirme yok (sekme başına yerine).

Firebug ve Firefox DevTools arasındaki tüm boşluklar için dosyalanan bir hata raporunda izlenen daha fazla şey eksik .

Firebug entegrasyonu

Firebug artık yerel geliştirici araçlarının üzerine inşa edilmiştir. Firefox 48'den beri , Firebug eklentisine benzeyen ve Firebug'a alışkınsanız kendinizi evinizde hissetmenizi sağlayan bir Firebug teması da var . Çoklu işlem Firefox etkinleştirildikten sonra F12, Firebug düğmesine basıldığında veya tıklandığında Firefox DevTools ve Firebug temasıyla birlikte açılır.

Firebug ve Firefox Geliştirici Araçları arasındaki farkları açıklayan bir geçiş kılavuzu da var .

— Sebastian Zartner
kaynak
2
15.11.2014 - FF 33.0: Yerel inceleme aracında birçok iyileştirme yapıldı: Filtreler ağ sekmesi için kullanılabilir ; Gerçekten harika ve kullanışlı birçok özellik : 3B Görünüm, Duyarlı Tasarım modu, Renk yakalayıcı, Kullanılan yazı tipi + yazı tipi önizleme; Firebug'a kıyasla büyük performans avantajı ; Çerezler, Firefox -> Araçlar -> Sayfa Bilgileri -> Güvenlik üzerinden görüntülenebilir . Umarım bir gün firebug'ı yerel araçlarla değiştirebilirim, çünkü kundakçı eklentisinin yerel araçlardan yüksek performans almasının imkansız olduğunu düşünüyorum.
— malisokan
FireBug 3.0, yerel araçlarla karşılaştırıldığında nasıldır? Görünüşe göre temelde yerel araçları kaplamışlar ve Firebug 3.0a9 ile FF 36.0.1'deki yerel geliştirme araçları arasında herhangi bir karşılaştırma bulamıyorum?
— gabaum10
31

Firebug'ın sahip olduğu, yerleşik araçların sahip olmadığı birçok küçük özellik vardır. Kullanıcı arayüzü ile uğraşmak, akla gelen şey bu, ancak eminim daha fazlası vardır:

  • someFunction.%closureVarkomut satırı sözdizimi gibi kapatma denetimi yetenekleri
  • Komut satırındaki herhangi bir değerle oynamak için sağ tıklayın
  • düzenlemek için tek tıkla
  • fareyle üzerine gelindiğinde öğeleri vurgulama
  • komut satırı API'leri, includeve gibigetEventListeners
  • UA stillerini gösterme yeteneği
  • Stil panelinden "kural ekle"
  • küçültülmüş CSS için kullanılabilen bir CSS paneli
  • bir öğe yalnızca metin içerdiğinde, HTML paneli metni satır içi görüntüler
  • Konsolda JSON özellikli XHR günlüğü (ve bir pop-up açmayan)
  • HTML panelinde "öznitelik değişikliği / alt ağaç değişikliği / düğüm kaldırma kesintisi"
  • "Değişimde ara", "Bir sonraki adımda ara", "Özellik değişikliğinde ara", "Çerez değişikliğinde ara"
  • bütün bir Çerezler paneli
  • Konsol panelinde yığın izleri
  • HTML'yi düzenleme ve yapıştırma
  • çoğu panelde serbest metin araması
  • gerekirse çevirmek için birçok seçenek
  • olay günlüğü

Elbette bunun öznel yönleri de var. Örneğin, kişisel olarak Firebug'ın kullanıcı arayüzünü ve görünüşünü geliştiricilerin siyahlığından daha çok seviyorum ve bir araca önceki aşinalık her zaman önemlidir.

— Simon Lindholm
kaynak
1
Görünüşe göre bu listedeki pek çok şey bugün alakalı değil.
— Aleks-Daniel Jakimenko-A.
firebug son zamanlarda firefox'a entegre edildi (11.2016) ... ve tüm bu basit özellikler / "tek tıkla düzenlemek" gibi küçük güzel iyileştirmeler gitti .. tüm iyi şeyler gitti .... firebug kullanıcılarının üretkenliğiyle aynı :( ... genel olarak firebug'ın kullanıcı arayüzü ile çalışmak daha iyi ve daha hızlıydı
— webdev-dan
6

Firebug ve yerel geliştirici araçları birleştiğinden, bu yakında alakasız olacak:

Firebug 2, çok işlemli tarayıcılarda (örn. E10s) çalışmaz ve dönüştürmek çok karmaşıktır, Firefox'ta e10s etkinleştirildiğinde çalışmayı durdurur.

Firebug 2 çalışmayı bıraktığında hazır olmak istiyoruz ve aşağıdaki planı oluşturduk.

Tüm Firebug 3 özelliklerini yerleşik Firefox araçlarına entegre edin ve tüm Firebug kullanıcılarını ona iletin.

Firebug 2'yi, Firebug 3'ü (AMO'da) yayınlayarak değiştirin, ancak Firefox geliştirici araçlarında eksik olan tüm kritik özellikleri bir uzantıda sunmamız gerekiyorsa.

Şu anda XHR Inspector'ı ( hata 1211525 ), DOM panelini ( hata 1201475 ) ve Firebug temasını ( hata 1244054 ) taşıma üzerinde çalışıyoruz .

Firebug'ın bir sonraki sürümünün ana hedefi, onu Firefox yerleşik Geliştirme Araçlarına entegre etmek olacak. Bunun yanı sıra Firebug Çalışma Grubu, DevTools'u yeni işlevlerle genişletmek için bazı yeni özellikler planlamaktadır.

Firebug 3.0 alfa (diğer adıyla Firebug.next) şu anda Firefox 35-36 ile uyumludur ve yakında çıkacak çok işlemli (çoklu işlem olmayan) tarayıcıları destekleyecektir.

Firebug 3.0 (Firebug.next olarak da bilinir), yerel Firefox geliştirici araçlarının üzerine inşa edilen yeni Firebug neslini temsil eder.

Firebug 2'yi çok işlemcili (e10s) etkin bir tarayıcıya kurarsanız, Firebug 3'e yükseltmeniz veya çoklu işlem desteğini kapatmanız istenir.

Mozilla, Elektrolizin yayınlanmasını birkaç kez erteledi. Mevcut plan, Firefox 46 kararlı kanalda yayınlandığında 19 Nisan 2016'da çok işlemli Firefox'u kararlı kanalda yayınlamaktır.

Ancak bu yalnızca tahmini bir çıkış tarihidir ve Elektrolizin daha da ertelenmesi mümkündür.

Mozilla'nın tarayıcı kullanıcıları için sürümü daha az acı verici hale getirmesi gerektiğine dair ilginç bir fikir, Elektroliz'i yalnızca eklenti olmayan Firefox sürümlerinde ve yalnızca uyumlu eklentilerin kurulu olduğu Firefox sürümlerinde etkinleştirmektir.

Bir süredir Firefox Developer araçlarını ve Firebug'u birleştirmek için çalışıyoruz. Firefox 49’dan Firebug.next yerleşik olarak göndereceğiz.

Firebug yerine yerleşik Firefox Geliştirici Araçlarını kullanırsanız, bu birleştirmede eklediğimiz DOM Paneli ve Firebug Temasını beğenebilirsiniz.

Ek olarak, bazı yaygın Firebug uzantılarını da (PixelPerfect, FireQuery ve HARExportTrigger eski adıyla NetExport) taşıdık. Ve biz oradayken, yeni WebSocket Monitor uzantımızı beğenebilirsiniz.

Firebug özelliklerini yerleşik araçlara taşımanın bir parçası olarak, Firebug temasını da taşıyoruz ve Firebug kullanıcılarına çalışmak için daha tanıdık bir ortam sağlıyoruz.

Bu tema ateşli, ateşli, ateşli! Geliştirici Araçları için Firebug temasına merhaba deyin

Mozilla bugün Windows, Mac, Linux ve Android için Firefox 48'i piyasaya sürdü. Tarayıcı, çoklu işlemci desteği (nihayet), zararlı indirmelere karşı gelişmiş koruma ve Android'de medya iyileştirmeleri kazandı. Eski OS X sürümleri ve Android Gingerbread için destek kaldırıldı.

Firefox 48'de Mozilla, kullanıcıların yüzde 1'inden başlayarak ve Firefox Sürüm kanalının neredeyse yarısına ulaşarak çoklu işlem desteğini yavaşça etkinleştiriyor. Elektroliz grubunda olup olmadığınızı kontrol etmek için, URL çubuğuna "about: support" yazın ve Multiprocess Windows satır öğesi altında "1/1 (varsayılan olarak Etkin)" yazıp yazmadığını kontrol edin.

Referanslar

— Paul Sweatte
kaynak
Bu yine de geçerli olacak, birleşmeyecekler , yeni Firebug DevTools'un üzerine inşa edilecek, böylece mevcut herhangi bir özelliği kopyalamayacak, ancak yine de bazı benzersiz özelliklere sahip olacak.
— kullanıcı
Ana geliştiricilerden biri olan @user Honza, bunu yukarıda bağlantısı verilen mozilla hacks blog gönderisinde One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.
— söylemişti
1
"Firebug 3 başka bir geliştirici aracı değil, DevTools'un üzerine inşa edilmiş ince bir katmandır ve DevTools'un Firebug'a benzemesini sağlayan yeni bir tema sağlar. Ayrıca, DevTools'a adım adım aktaracağımız birkaç ek özellik de vardır. . " ( kaynak ) Öyleyse haklı olduğuna inanıyorum, sonunda tamamen DevTools ile birleştirilecek.
— kullanıcı
5

Sanırım en büyük avantaj - Ağ Paneli ve Zaman Çizelgesi işlevselliğinin uygulanmasından sonra - örneğin YSlow, Page Speed, FirePython vb. Gibi çeşitli Firebug Uzantılarının kullanılabilirliği .

Sonunda, muhtemelen daha çok kişisel tercihlerinize dayalı bir seçim, size en fazla rahatlığı ve hızı sağlayan bir seçim silahı bulmak.

Bu kararla ilgili ilginç bir ayrıntı, Firebug'ın bir zamanlar Firefox üzerinde en önemli olumsuz performans etkisine sahip eklentilerden biri olduğudur. Bununla ilgili güncel bir çalışma hakkında bilgim yok, özellikle de yerleşik geliştirme araçları Firebug'dan daha iyi performans gösteriyorsa.

— Volker E.
kaynak
4
Bu liste yalnızca, Firebug gecikmeli yükleme yapıldığında 1.10'da büyük ölçüde artan başlangıç ​​performansı hakkındadır. Yine de, Firefox geliştiricileri kullanım sırasındaki performansı daha çok önemsiyorlar, bunun nedeni kısmen Firebug'ın genel görüşünün "yavaş" olarak görünmesine engel olmaktan kaçınmak istiyorlar. Bunun daha kullanışlı hale gelip gelmediğini bilmiyorum.
— Simon Lindholm
0

Yerel geliştirme araçlarının mevcut firebug sürümüne göre bir avantajı, firebug'ın bulunmadığı kaynak haritalarına sahip olmasıdır.

— Lajos Meszaros
kaynak
0

Firebug'ın sahip olduğu, ancak Firefox'un yerleşik denetçisinin sahip olmadığı benzersiz özellikler şunları içerir:

  • XPath'i kopyala
  • Minimal XPath'i Kopyala
  • CSS Yolunu Kopyala

Firefox'un yerleşik denetçisinin sahip olduğu, ancak Firebug'ın sahip olmadığı benzersiz özellikler şunları içerir:

  • Benzersiz Seçiciyi Kopyala
— Sampablokuper
kaynak
Bilginize, 987877 numaralı bug'da bir elemanın XPath'ının kopyalanması isteniyor , CSS yolunun kopyalanması, Firefox 53.0'dan beri bir elemana sağ tık> Kopyala > CSS Yolu (bkz. Hata 1323700 ) ile mümkündür.
— Sebastian Zartner
0

Büyük, düzenleyici modundaki konsol komut satırı, kodun geçerli bağlama göre çalıştırılmasına izin verir. Yeni Scratchpad, geçerli kesme noktası kapsamını görmüyor. Bu korkunç bir kayıp.

— tqwhite
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.