CSS İpuçları 11 – CSS Kodlarını Web Tarayıcıları ile Test etmek
CSS ile web sayfası oluştururken en çok yaptığımız işlerden biri yaptığımız sayfaları yazarken belirli aralıklarla web tarayıcıları ile deneyerek eğer hata var ise zamanında düzelterek sorunları büyümeden gidermektir. Ben kod yazarken her nesneyi yerleştirdikten sonra web tarayıcısı ile test ediyorum. Mesela arama bölümünü ekledikten sonra, banner alanını ekledikten sonra vb. Bazı önemli öğelerde bu test işini daha fazla yapıyorum mesela menüyü oluştururken, sayfa genel yapısını oluştururken.
Kodlarımı genelde ilk olarak Firefox’da test ediyorum. Belli aralıklarla IE’de test ediyorum. Tüm site bittikten sonrada Opera’da test ediyorum. Son olaraktan IE eski sürümleri ile test ediyorum. Bu iş için bazı programlar olsada ben her zaman web tarayıcılarının kendileri ile test etmeyi uygun görüyorum. Tüm kodlama bittikten sonra böyle bir program kullanarak test etmekte yararlı olabilir.
Firefox kullanmamın nedeni CSS ve XHTML ile sorunlarının az olması ve çok kullanışlı web araçlarının(web developer ve FireBug gibi) olmasının bunda etkisi büyük.
erhan arkadasin bahsettigi siteyi acamiyorum bu tarz herhangi bir site adresi bilen varmi
Erhan çok teşekkürler bende bu tarz bir kaynak arıyordum.
çok yardımcı oldun sağol.
sen Multiple_IE mi kullanıyorsun? yoksa?
“Browsershots” servisinin adresini yazmayı unutmuşum :)
http://browsershots.org/
Yaptığım web sayfasını Internet Explorer’ın eski sürümlerinde kontrol etmek için ben “MultipleIEs” isimli bir yazılım kullanıyorum. IE 3, IE 4.01, IE 5, IE 5.5 ve IE 6 sürümlerini yan yana kullanabiliyorsunuz.
http://tredosoft.com/Multiple_IE
Ayrıca aynı sitede IE 6 ile IE 7′nin bir arada nasıl çalıştırılacağı da anlatılmış.
http://tredosoft.com/IE7_standalone
Ve son olarak, web tabanlı bir servisten bahsetmek istiyorum. Servisin adı “Browsershots”. Bu siteyi kullanarak sayfanızın diğer tarayıcılarda ve işletim sistemlerinde nasıl görüntülendiğine bakabilirsin. Hem de ek bir yazılım kullanmadan.
Umarım yardımcı olabilmişimdir :)
Testin ilk amacı yazdığımız kodların doğruluğunu kontrol etmek anlamında bu nedenle her nekadar ie browser savaşlarında önde olsa da yorum konusunda çok geride. buna bağlı olarak ilk testi firefox’da yapmalıyız.
Opera’da test için Opera’nın 9.0 versiyonunu kullanıyorum.
IE’nin eski sürümleri içinde microsoft’un sitesinde bir download bulmuştum. Eski sürümleri kullanmaya yarayan dosyları içeriyordu. şimdi bulamıyorum. Bulunca ekleyeceğim olmadı bendekini bir yere atarım ordan alırsınız.
aynı zamanda ie’nin eski versiyonlarında
Opera ‘ da test için nasıl bir yol izliyorsunuz?
bir de şöyle bir konu var:
firefox modern bir tarayıcı olduğuna rağmen, ie hala önde
http://www.w3schools.com/browsers/browsers_stats.asp
müşteriye yönelik bir çalışma yapılıyorsa, diyelim ki bir photoshop dosyası, tablosuz css e çevirilmek üzere size ulaştı, önce ie üzerinde çalışmalısınız. ikinci sırada firefox ve safari geliyor(oda ilave masraf olmak üzere)
Güzel yazı için teşekkürler
Firefox demişken, izninizlebir kaç nokta ilave etmek istiyorum:
olmazsa olmaz, web developer eklentisi:
https://addons.mozilla.org/firefox/60/
örneğin wordpress ve ya herhangi sistem ile oluşturulmuş bir sitenizin css dosyasındadeğişiklik yapmak istiyorsunuz, ve css dosyanızda 900 satır var, işte bu eklenti ile anında o satırı bulursunuz.
bir de bunlar var benim kullandığım:
https://addons.mozilla.org/firefox/2897/
https://addons.mozilla.org/firefox/4111/
https://addons.mozilla.org/firefox/271/