Firebug her web geliştiricinin bilgisayarında kesinlikle yüklü olması gereken bir eklentidir. Firefox ile birlikte kullanılabilinir.

Bunun yanında sadece javascript değil, CSS, Sayfanın talepleri, Tüm detayları firebug ile görebiliriz.

Firebug ı firefox a kurmak için google dan gerek ilgili eklentiyi arayarak, Gerekse Firebug in kendi sitesi olan

http://www.getfirebug.com

a girerek ilgili sayfasına erişebiliriz. Kendisi hakkında bir çok bilgiyi ve detayı bu sayfadan alabileceğimiz gibi. Kurmak için ise sayfaya girdiğimizde Install Firebug -burdaki versiyon o anki girişimize göre farklılık gösterecektir- for Firefox yazan butona tıkladığımızda Mozilla nın eklentiler sayfasına yönlenecek, ilgili sayfaya geldiğimizde scroll u biraz kaydırdığımızda "Add to Firefox" yazan butona tıklayarak Firefox a kurulumun gerçekleşmesini sağlayabiliriz.

Xpi uzantılı dosya Firefox tarafından kurulan eklentilerin dosyasıdır. Karşımıza çıkan güvenlik uyarısına şimdi kur dediğimizde kurulumu gerçekleştirmiş oluruz.

Kurulum için firebug bilgisayarımıza kaydedilerek kurulum gerçekleşmiş olur.

Boyutu 1 mb bile olmayan firebug in kurulumu hemen gerçekleştirilecektir.

Kurulum bittikten sonra ilgili eklentinin aktif olabilmesi için Firefox u tekrar başlatmamız gerekiyor.

burdaki uyarıdan direk butona tıklaayarak "Firefox Uygulamasını yeniden başlat" yada Firefox u bu pencereyi kapatıp açarak Tekrar başlatma işlemini gerçekleştirebiliriz.

Firefox tekrar başladığında eklentiler kısmında artık firebug in
kurulu olarak geldiğini görüyoruz.

Geçici olarak bunu kapatmanız gerekirse "Etkisizleştir" diyerek iptal edebilirsiniz bu pencereyi kapattığımızda Firefox ta sağ alt köşede firebug ın böcüğünün :)))) buraya yerleştiğini görüyoruz.

Böceğimize sağ tıkladığımızda Enable All Panels diyerek tüm panellerin aktif olmasını sağlayabiliriz.

Herhangi bir sayfada aktif olmasını istiyorsanız "On for all pages" diyerek atif edebilirsiniz.

Enable all panels dediğimizde Firebug aktif edilmiş olur.

Bu sayfa ile ilgili detayları görmek için bu ikona tıkladığınızda karşınıza firebug ın penceresi yani konsolu açılır

burdaki sekmelerden devam ederek Html bilgisine CSS bilgisine Scriptine DOM yerleşimine ve bu sayfadan bir yere giderken yada bu sayfa içerisinde herhangi bir talep olduğunda hangi sayfaların talep edildiğini yani internetle ilgili işlemleri Net kısmından görebilirsiniz.

Herhangi bir objenin detayını görmek için ise ilgili objeye sağ tıkladığınızda "Elemanı teşrif et" seçeneğini görürsünüz

"Elemanı teşrif et" dediğinizde o elemana ait tüm detaylar aşağıya gelmiş olur.

Bu şekilde firebug i kurduktan sonra temel kullanımlarına başlayabilirsiniz.