• Web developer Sitenin farklı ekran boyutlarında nasıl göründüğüne bakılabilir
• Resimler gizlenebilir, alt özellikleri gösterilebilir
• Css gösterme ve düzenleme
• Sayfanın kaynak kodunu görebilme ve sayfa ile ilgili çeşitli bilgiler

Düzenleme, geliştirme ile ilgili bir adım daha atmak isteyenlerin işine yarayabilecek çok fonksiyonlu bir eklenti. Web Developer anasayfasına girdiğinizde yer belirleme sayesinde eklentiyi Türkçe olarak indirip kullanabilirsiniz.

İstersek buradan javayı iptal ederiz. Sayfadahi bütün renkleri iptal edebiliriz. Örneğin bir sayfanın renklerini iptal edelim.

Bu sayfadaki renkleri iptal edelim ve görelim bu arada bu sitede web developeri Türkçe indirebilirsiniz.

şimdi ilk önce disable diyoruz ve ordan sayfadaki resimleri iptal et diyoruz.

Görüldüğü gibi devre dışı bıraktık ve şimdi sayfanın renksiz halini görelim.

Görüldüğü gibi sayfanın renkleri olmasın dediğimiz için artık yoklar.

Sayfa da css hatası yok ama istersek stilleri iptal edebiliriz. Css yi sayfasını görebiliriz. Örneğin bu sitenin css sayfasını görelim.

Sayfanın diğer csslerini almadım sadece göstermek istediğim için bu kadarını aldım.

Formlardan da şifreleri göster diyelim. İlk önce

Şifre olmadığı için gösteremedi.

İstersek pencere boyutlarına da bakabiliriz.

Boyutlandır/pencere boyutunu görüntüle dedikten sonra

Ve karşımıza pencerenin boyutlarıda geldi.

Son olarakta sayfanın hatalarına bakalım.

Eğer hepsi dersek bütün hataları uyarıları mesajları bi anda gösterir ama biz tek tek bakalım.İlk önce hatalara bakıyoruz ve

hatalarda yukarıda görüldüğü gibi hata  yok

Uyarılarda görüldüğü gibi yüzlerce uyarı gelmiş.

Son olarakta mesajlara bakalım.

Mesajlarda boş hiçbir mesajı yok.

Temizle dersek ise bütün hatalar uyarılar mesajlar gidecektir mesela temizle diyelim ve uyarılar doluydu bakalım gidecekmiş.

Temizleye bastım ve uyarılara tekrar baktığımda hiçbir uyarı kalmadı.

Kaynak: Semih Kütük