Firebug Kullanımı

Web sitende kodlarda bir sorun var. İstediğin görüntüyü elde edemiyorsun. Ya da hızlıca istediğin değişikliğin sitede nasıl duracağını ana kodları bozmadan, ftp ile uğraşmadan görmek istiyorsun. İşte burda mucizevi Firebug devreye giriyor.

Aslında bunu web sitesindeyken sağ tuşa basıp Kaynağı Görüntüle diyerek de yapabilirsin. Ama Firebug ile aradığını bulmak, değiştirmek çok daha kolay.

Firebug’ı kullanmak için öncelikle tarayıcınıza uygun olarak indiriyoruz. (Chrome, Firefox) İndikten sonra tarayıcınıza sağ üst köşeye bir buton eklenecek. Bu tuşa bastığınızda bir panel açılacak.

Açılan bu panelde sitedeki farklı elementleri bulabilirsiniz. Bunların üzerine gelerek CSS ve HTML özelliklerini görebilirsiniz. Üstlerine iki kere tıklayarak ilgili CSS ya da HTML’de canlı olarak değişiklik yapabilirsiniz. Yaptığın değişiklikler istediğin gibi olduğunda ana kodlara yaptığın değişiklikleri kalıcı olarak geçirebilirsin.

Sorunsuzca istediğin değişiklikleri yapmış olursun. Ancak profesyonel bir tavsiye değişiklik yapmadan önce asıl çalışan kodları gene de bir yere yedekle 🙂