Çapraz Tarayıcı Testi (PC)
Sağlam, iyi kodlanmış bir CSS mizanpajının kesin bir işareti, tarayıcılarda ve platformlarda tutarlı bir şekilde görüntülenmesidir. Son küresel tarayıcı istatistiklerine bakıldığında, Internet Explorer genel kullanımda en popüler web tarayıcısı olmaya devam ederken, kullanıcı tabanının 6 ve 7 sürümleri arasında oldukça eşit bir şekilde bölündüğünü göstermektedir.
Firefox, Opera ve Safari gibi diğer tarayıcıların tarayıcı pazarında nispeten küçük bir payı olsa da, herhangi bir web tasarımcısı veya geliştiricisinin çalışmalarını test ederken bunları görmezden gelmesi akıllıca olmaz.
Test etme ihtiyacı
Örneğin, aşağıda gösterilen site kapsamlı çapraz tarayıcı testi ihtiyacını vurgulamaktadır. Firefox'ta görüntülendiğinde site harika görünüyor; ancak Internet Explorer 6'da görüntülendiğinde, IE6'nın PNG alfa saydamlığı (sitenin kodunda yer aldığı anlaşılıyor, ancak seçilen çözüm işe yaramıyor gibi görünüyor) nedeniyle eksik görünüyor. ayrıca bazı konumlandırma sorunları nedeniyle.
Mac için çapraz tarayıcı testi zaten Design Shack'te ele alındığından, bu makale PC'de çapraz tarayıcı testi yöntemlerine odaklanacaktır. Çapraz tarayıcı testi için açık bir başlangıç noktası, ana tarayıcıların her birini kurmaktır; en son sürümleri aşağıdan indirebilirsiniz:
Internet Explorer
Bununla birlikte, çalışmanızı hem Internet Explorer 6 hem de 7'de test etmek söz konusu olduğunda o kadar kolay değildir. Varsayılan olarak, Windows IE'nin yalnızca bir sürümünü çalıştırır ve bu ortalama web kullanıcısı için çok da önemli değildir., çalışmalarının her iki sürümde de doğru görüntülenmesini sağlamak isteyen web tasarımcıları ve geliştiricileri için daha sorunludur. Bunun üstesinden gelmek için bir seçenek (Windows XP kullanıyorsanız), TredoSoft tarafından Birden Çok IE yükleyicisini kullanmaktır. Bu ustaca araç, Internet Explorer'ın birkaç bağımsız sürümünün aynı bilgisayarda aynı anda çalışmasına izin vererek, çoklu sürüm testini çok basit hale getirir.
Bilgisayarınıza herhangi bir şey yüklemeyi içermeyen bir başka seçenek de IE NetRenderer gibi bir çevrimiçi oluşturma hizmeti kullanmaktır. Burada test edilecek sayfanın URL'sini girmeniz, hangi IE sürümünü test etmek istediğinizi seçmeniz ve NetRenderer sizin için bir ekran görüntüsü oluşturmanızı sağlar. Bunun dezavantajı, yalnızca statik bir ekran görüntüsü almanız ve AJAX UI geliştirmeleri gibi dinamik özellikleri test etmeyi imkansız hale getirmenizdir. Ayrıca, NetRenderer yalnızca 'katlama' yı oluşturur, bu nedenle özellikle uzun bir sayfanız varsa, bu sizin için çok yararlı olmayabilir.
Safari
Deneyimlerime göre, Çoklu IE yüklemek, PC'deki Internet Explorer'ın birden çok sürümünde web sayfalarını test etmenin çok daha kusursuz bir yoludur. Ancak, Mac OS X'te Apple Safari gibi diğer platformlardaki diğer tarayıcılar için test söz konusu olduğunda, yerel olarak test etmenin tek gerçek yolu bir Mac satın almaktır. Çok daha ucuz (ücretsiz olduğu gibi) bir alternatif, başka bir çevrimiçi oluşturma hizmeti kullanmaktır; bu sefer Web sayfalarının ekran görüntülerini Mac OS X'te çalışan Safari'de gösterildiği gibi görüntüleyen BrowsrCamp.
Çeşitli platformlarda başka birçok tarayıcı mevcut olsa da, burada kapsanan tarayıcılar genel kullanımda olanlardır ve bu nedenle, web içeriği düzenlenirken her web tasarımcısı ve geliştiricinin test aşamasına dahil edilmelidir.