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?

Odpowiedzi:


38

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.


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.


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

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.


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.


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.


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.


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 .



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.


Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.