Firebug Web Geliştirici Aracı

Her bileşene, dosyaya göre yükleme hızını analiz edip test edebileceğiniz, ayrıca bir web sayfasının kaynak kodunu, CSS, HTML ve Javascript'ini anında ve gerçek zamanlı olarak değişimi gözlemleyebileceğimiz bir yardımcı program paketidir. internette. Ayrıca bir değişkenin veya url'nin davranışını parametrelerle analiz etmeye, hangi parametrelerin gönderildiğini ve sunucunun ne yanıt verdiğini görebilmeye hizmet eder.
Getirdiği özelliklerden bazıları ateş böceği:

• Gerçek zamanlı HTML düzenleme.
• CSS gerçek zamanlı düzenleme.
• Javascript gerçek zamanlı düzenleme.
• CSS düzeni.
• Javascript hata ayıklayıcı.
• Entegre arama motoru.
• Ağ etkinliğinin izlenmesi.
• DOM Gezgini.
• Javascript, CSS ve XML'de hata işleyici

Eklentiyi indirip yükleyerek başlayacağız ateş böceği:
[color = # 2f4f4f] Firebug'u İndirin [/ color]

Mozilla eklentileri web sitesinden eklentiye erişmemize ve yüklememize izin verilecek
Firebug yüklendikten ve Firefox yeniden başlatıldıktan sonra, üzerinde çalışmak istediğimiz web ekranına sağ tıklayarak veya araçlar menüsünden Firebug'a hızlı bir şekilde erişebiliriz.
Birleşmiş milletler örneğinin webini http://www.un.org/en/ alıyoruz, ekrana doğru bir lic yapıyoruz ve Firebug ile bir ekran açılacak.

BÜYÜT

Bu durumda, ağ sekmesinde kb cinsinden ağırlığı ve tarayıcının öğeleri hangi sırayla oluşturduğunu ve her bir öğenin görüntülenmesinin ne kadar sürdüğünü görüyoruz, sayfanın 6,61 saniye sürdüğünü belirtmek ilginçtir. render, iki saniye dil çubuğu olan tek bir resme karşılık gelir, o zaman optimize edilip edilemeyeceğini düşünebiliriz.
HTML ve CSS sekmesinde, yapının bir bloğuna işaret edebiliriz ve bu bize kodu gösterecektir.

BÜYÜT

Burada, örneğin, style.css dosyasındaki #topbanner kimliğine karşılık gelen en üstteki banner div'i işaret ediyoruz. Eğer css koduna tıklarsak onu değiştirebiliriz ve bu geçici olarak web'e yansıyacaktır. Konsol sekmesi, hata durumunda javascript çağrılarını ve hatalarını görmemizi ve izlememizi sağlayacak olan sekmedir. Hata durumunda, dosyaları ve hatanın oluştuğu kod satırının numarasını gösterecektir.

BÜYÜT

ateş böceği DOM nesnelerini hızlı bir şekilde bulmamıza ve ardından anında düzenlememize yardımcı olur. DOM Denetimi gerçekleştirmeye izin verir.
NS Belge Nesne Modeli veya DOM ('Belge Nesne Modeli' veya 'Belge Temsili için Nesne Modeli') temel olarak HTML ve XML belgelerini işlemek için standart bir nesne kümesi sağlayan bir uygulama programlama arabirimidir.