Jak mogę zobaczyć, jak wygląda moja strona internetowa w różnych przeglądarkach?

46

Jak mogę zobaczyć, jak wygląda moja strona internetowa w różnych przeglądarkach?

Czy faktycznie nie ma zainstalowanej każdej innej wersji przeglądarki, czy istnieje jakieś narzędzie lub usługa, które mogą zapewnić podgląd?

browsers html Chris W. Rea
źródło

Odpowiedzi:

38
Vmarquez
źródło
2
Lubię komentarze w nawiasach, dobra odpowiedź.
Larry Smithmier
32

BrowsersShots i BrowserLabs to to, co mogę myśleć o głowie. Myślę, że jest jeszcze coś, z czego skorzystałem, ale nie mogę sobie teraz przypomnieć nazwy.

Edycja: Niestety Adobe zamknął swój projekt BrowserLab już 13 marca 2013 r.

Rebecca Chernoff
źródło
1
Po prostu upewnij się, że w BrowserShots wszystko jest odznaczone, a następnie wybierz tylko kilka z nich (np. IE6). Kto do cholery używa „Dillo” ?!
Disgruntled Goo
10

LitmusApp to nowy gracz w tej dziedzinie. Ich obecną główną wartością dodaną są testy klienta poczty e-mail (33 klientów, w tym mobilne), ale przeprowadzają również testy „w chmurze” maksymalnie 24 przeglądarek. W rzeczywistości testy przeglądarki były ich pierwszym produktem i nadal są dostępne niezależnie za pomocą narzędzia Alkaline .

Używam zasadowo rutynowo. To całkiem miłe.

Najlepsze w tym jest to, że nie musisz posiadać ani instalować żadnej przeglądarki, którą chcesz przetestować. Zajmują się tym wszystkim i udostępniają zrzuty ekranu przeglądarki działającej w prawdziwym systemie w izolacji. Jestem okropną osobą sysadmin, to jest idealne.

Andres Jaan Tack
źródło
tak, są naszymi przyjaciółmi - prowadzą także doctype.com, który znajduje się w stopce (choć prawdopodobnie wkrótce zostanie potrącony )
Jeff Atwood
6

To jest całkiem dobre: http://browsershots.org/

Zobacz, jak to wygląda w różnych przeglądarkach i rozdzielczościach. Musi być w sieci.

Damien
źródło
6

Gorąco polecam testowanie IE w IETester , dostępnym tutaj . Jest lekki, szybki, dokładny i obsługuje wszystkie IE od wersji 5.5-up.

Nat Ryall
źródło
1
IETester stanowi dobry punkt odniesienia na temat wyglądu witryny w przeglądarkach IE. Zdarzały się jednak sytuacje, w których rendering IE6 był inny niż prawdziwy silnik renderowania IE6.
Rickjaah,
5

Lokalne przeglądarki zapewniają większą elastyczność. Jeśli masz interaktywną witrynę internetową, w której musisz kliknąć kilka przycisków w celu przetestowania, nie możesz tego zweryfikować za pomocą obrazu.

Aaron
źródło
5

MS ma również (w ramach zestawu narzędzi Expression) produkt o nazwie SuperPreview, który pozwala na pracę obok siebie lub nałożenie interaktywnej wersji witryny we wszystkich wersjach IE i najnowszej wersji Firefox.

Obejmuje to także dostęp do usługi internetowej, która pokazuje, jak twoja strona wygląda w Safari na komputerze Mac - to wygeneruje obraz wyniku, ale także używa pliku metadanych, który pozwala zobaczyć, które części znacznika wygenerowały, które części obrazu, więc wciąż jest dość potężny.

Zhaph - Ben Duguid
źródło
4

Jest to jeden z głównych powodów, dla których warto rozwijać się na komputerze Apple. Korzystając z VMWare Fusion lub innego oprogramowania do emulacji, jest to jedyny komputer, na którym można legalnie zainstalować wszystkie główne systemy operacyjne.

Następnie możesz przetestować rzeczywiste przeglądarki w rzeczywistych systemach operacyjnych, nie polegając na źródłach zewnętrznych, aby wykonać za Ciebie brudną robotę, gdzie możesz użyć rodzimych narzędzi do debugowania, aby naprawić / zdiagnozować wszelkie błędy.

Dan Gayle
źródło
Dlaczego Apple Możesz także użyć virtualbox.org w systemie Linux lub Windows ...
mbrochh
1
Dlaczego Apple Ponieważ nie można zainstalować OSX w systemie Linux lub Windows bez naruszenia Warunków świadczenia usług.
Dan Gayle,
1
Wydaje mi się to trochę głupie. Mówisz, że jednym z głównych powodów, dla których warto rozwijać się na Apple, jest to, że nie możesz używać OSX na innych komputerach.
Gdybym mógł legalnie uruchomić Hackintosha, prawdopodobnie zrobiłbym to poza problemami sprzętowymi. Ale znowu to tylko jedna uwaga.
Dan Gayle
4

Korzystanie z podglądu w ogólnym projekcie jest dobre, ale nie zapomnij również przetestować zachowania witryny. Jest to szczególnie przydatne, jeśli używasz wielu efektów hover, ajax lub Java-script, których nie widać na zdjęciu.

Używam VmWare z różnymi maszynami wirtualnymi z najważniejszymi przeglądarkami zainstalowanymi osobno.

Jeśli używasz Windows 7 Ultimate, mogę skierować cię do samouczka z Virtual PC i trybem Xp, który jest rozwiązaniem do uruchamiania różnych wersji IE na jednym hoście .

Sven
źródło
4

Możesz sprawdzić wątek na StackOverflow o nazwie: Testowanie strony internetowej w przeglądarkach mobilnych .

Casebash
źródło
1
Wydaje mi się, że powielanie tematu jest tutaj możliwe, ponieważ jest to szczególnie interesujące dla webmasterów.
Jeff Atwood
1
@Jeff: Dlatego użyłem odpowiedzi, zamiast oznaczać jako duplikat
Casebash,
3

MogoTest to najnowszy start TechStars, który robi to dobrze. Zapewnia zrzuty ekranu z różnych przeglądarek i systemów operacyjnych, a także sprawdza poprawność kodu HTML i CSS.

Jay Neely
źródło