it-swarm-tr.com

Web sitemin çeşitli tarayıcılarda nasıl göründüğünü nasıl görebilirim?

Web sitemin çeşitli tarayıcılarda nasıl göründüğünü nasıl görebilirim?

Aslında her farklı tarayıcı sürümünün yüklü olması dışında, önizleme sağlayabilecek herhangi bir araç veya hizmet var mı?

46
Chris W. Rea
38
vmarquez

BrowsersShots ve BrowserLabs kafamın üstünden düşünebildiğim şeyler. Sanırım kullandığım başka bir şey daha var ama şu anda adı hatırlayamıyorum.

Düzenleme: Ne yazık ki Adobe kendi BrowserLab'i kapatır 13 Mart 2013'te geri dönecektir.

32

LitmusApp bu alanda yeni bir oyuncu. Onların şu anki büyük katma değeri e-posta istemcisi testidir (mobil dahil 33 müşteri), ancak aynı zamanda 24 tarayıcıya kadar "bulutta" tarayıcı testi de yaparlar. Aslında, tarayıcı testi ilk ürünüdür ve Alkalin aracıyla bağımsız olarak kullanılabilir.

Alkalin'i rutin olarak kullanıyorum. Oldukça güzel.

Bu konuda en iyi şey: test etmek istediğiniz tarayıcıların sahip olması veya yüklemeniz herhangi biri değildir. Bunların hepsini halleder ve size gerçek bir sistemde çalışan tarayıcının ekran görüntüsünü verir. Kendimi korkunç bir sysadmin insanı olarak, bu idealdir.

10

Bu oldukça iyi: http://browsershots.org/

Çeşitli tarayıcılarda ve çözünürlüklerde nasıl göründüğüne bakın. Yine de web üzerinde olması gerekiyor.

6
Damien

IE 'ı IETester , burada bulabilirsiniz içinde test etmenizi şiddetle tavsiye ederim. Hafif, hızlı, doğru ve 5.5'ten yukarı tüm IE'leri destekliyor.

6
Nat Ryall

Tarayıcıların yerel olmasını sağlayın size daha fazla esneklik kazandırır. Test etmek için birkaç düğmeyi tıklamanız gereken etkileşimli bir web siteniz varsa, bunu bir resimle doğrulayamazsınız.

5
Aaron

MS ayrıca, (İfade araç setinin bir parçası olarak) SuperPreview adında bir ürüne sahiptir; bu, IE 'nin tüm sürümlerinde yan yana veya üst üste dizilmiş sitenizin etkileşimli bir sürümüyle çalışmanıza olanak sağlar Firefox.

Ayrıca, Mac'in Safari’de sitenizin nasıl göründüğünü gösteren bir web servisine erişim içerir - bu çıktının bir görüntüsünü oluşturur, ancak aynı zamanda işaretlemenin hangi kısımlarının hangi parçaları oluşturduğunu görmenizi sağlayan bir meta veri dosyası kullanır resmin, bu yüzden hala oldukça güçlü.

5

Bu, Apple bilgisayarında geliştirilmesinin temel nedenlerinden biridir. VMWare Fusion veya diğer emülasyon yazılımlarını kullanarak, tüm ana işletim sistemlerini yasal olarak kurabileceğiniz tek bilgisayardır.

Ardından, gerçek tarayıcıları gerçek işletim sistemlerinde test edebilir, kirli çalışmalarınızı sizin için yapmak için dış kaynaklara dayanmaz ve yerel hata ayıklama araçlarını herhangi bir hatayı düzeltmek/teşhis etmek için kullanabilirsiniz.

4
Dan Gayle

StackOverflow'taki konuyu kontrol etmek isteyebilirsiniz: Bir web sitesini mobil tarayıcılarda test etme .

4
Casebash

http://www.browsercam.com/ (çevrimiçi, ücretsiz değil) başka biri.

4
Larry Smithmier

Genel tasarım için bir önizleme kullanmak iyidir, ancak sitenizin davranışını test etmeyi de unutmayın. Bu, özellikle resim üzerinde göremediğiniz fazla sayıda vurgulu, ajax veya Java komut dosyası efekti kullandığınızda kullanışlıdır.

VmWare'i farklı sanal makinelerle, ayrı ayrı yüklenen en önemli tarayıcılarla kullanıyorum.

Windows 7 Ultimate kullanıyorsanız, sizi Sanal Bilgisayar ve Xp Modu içeren bir eğiticiye yönlendirebilirim; bu, bir Ana Bilgisayarda farklı IE sürümlerini çalıştırmanın bir çözümü .

4
Sven

MogoTest bunu iyi yapan çok yeni bir TechStars başlangıcı. Farklı tarayıcılardan ve işletim sistemlerinden ekran görüntüleri sağlar ve HTML ve CSS'nizi de doğrular.

3
Jay Neely

Birkaç kez kullandım http://www.browserstack.com/ gerçekten iyi çalışıyor - kimsenin henüz bahsetmediğinden şaşırdım.

1
James Smith