eburhan.com

Firefox kullanan web geliştiricileri çok şanslıdır. Çünkü Web Developer gibi, Firebug gibi müthiş araçlar sayesinde işleri çok kolaylaşır. Opera da 9.20 sürümüyle birlikte web geliştiricilerine Developer Tools adı verilen araçları sunmuştu. Internet Explorer tarafında ise web geliştiricilerine yönelik şimdiye kadar doğru dürüst bir araç yoktu. Fakat Microsoft bu eksikliği Internet Explorer Developer Toolbar isimli ürünü ile kapatmayı amaçlıyor.

Nedir?

Internet Explorer Developer Toolbar, Internet Explorer 6 ve 7 için bir araç çubuğudur ve web geliştiricilere özeldir. Bu araç sayesinde web sayfalarının yapısına çok kolay bir şekilde müdahale edebilir ve web sayfalarında karşılaştığınız sorunların çözümünde zaman kazanabilirsiniz.

Internet Explorer Developer Toolbar ekran görüntüsü

Neler yapabiliriz?

1. Find menüsünden web sayfanızdaki bir elemanı arayarak onun özniteliklerini görüntüleyebilirsiniz. Ayrıca sahip olduğu CSS özelliklerinin bir listesini görebilirsiniz. Örneğin ID’si haberler olan bir DIV elemanına hızlıca erişebilirsiniz.

2. Disable menüsünden web sayfasındaki bütün CSS özelliklerini veya JavaScript kodlarını tek tıklamayla devre dışı bırakabilirsiniz. Ayrıca bu menüde kendiliğinden açılan pencereleri (pop-up) önleme seçeneği de mevcut.

3. View menüsünden web sayfasındaki bütün elemanların Class ve ID bilgilerini gösterebilirsiniz. Bir linkin hangi adrese gittiğini öğrenebilir, web sayfasının DOM kaynağına erişebilirsiniz.

4. Outline menüsünden web sayfasındaki tabloları, DIV elemanlarını veya resimleri işaretleyebilirsiniz. Ayrıca CSS ile absolute, relative, fixed… olarak konumlandırılmış elemanları bulabilirsiniz.

5. Images menüsünden web sayfasındaki tüm resimleri devre dışı bırakabilirsiniz. Resimlerin en-boy değerlerini, kaynak yollarını ve dosya boyutlarını öğrenebilirsiniz.

6. Cache menüsünde Internet Explorer tarafından önbelleğe alınmış bütün içeriği tek tıklamayla silebiliyorsunuz. Bu önbellek boşaltma işlemini isterseniz sadece bir web sayfası için isterseniz bütün web sayfaları için yapabilirsiniz. Yine bu menüden çerezler (cookies) ve oturumlar (sessions) hakkında bilgi toplayabilirsiniz.

7. Tools menüsünde çeşitli işlemlerinizde yardımcınız olabilecek bir takım araçlara ulaşabiliyorsunuz. Örneğin Internet Explorer penceresini 800×600 boyutlarına otomatik olarak getirebiliyorsunuz. Cetvel (ruler) aracı ile bir elemanın boyutlarını ölçebiliyor, Renk toplama (color picker) aracı ile de bir elemanın hangi renk koduna sahip olduğunu öğrenebiliyorsunuz.

8. Validate menüsünden HTML, CSS veya RSS kaynaklarımızın geçerliliğini veya erişilebilirliğini test etme şansımız oluyor. Ayrıca web sayfasında kırık bağlantılar (broken links) olup olmadığını tespit edebiliyorsunuz.

Sonuç

Internet Explorer Developer Toolbar aracı IE kullananlar ve web sitelerini IE ile test etmek isteyenler için gerekli bir araç. Bazı eksik yanları var ama henüz 1.0 versiyonuna sahip olduğunu düşünürsek ileride bu eksikliklerin giderileceğini umuyorum. Yine de en acilinden bu araç çubuğuna JavaScript hatarını işleme özelliği eklenmeli diye düşünüyorum