Kompletny przewodnik sprawdzania zgodności między przeglądarkami

Użytkownicy Internetu mają większy wybór przeglądarek, jeśli chodzi o surfowanie w sieci. Naszym obowiązkiem jako projektantów i programistów jest zapewnienie, że tworzone przez nas witryny są obecnie kompatybilne z większością powszechnie używanych przeglądarek.

To prowadzi do prostego, ale krytycznego pytania - z jakich przeglądarek korzystają nasi goście? Według w3school powszechnie używanymi przeglądarkami są Internet Explorer 7 i 8 i Firefox z Safari i Google Chrome stopniowo podnosząc. Ale liczby mogą się różnić w zależności od miejsca, w zależności od jego niszy. Najlepiej jest uzyskać dane demograficzne z danych witryny, Google Analytics na przykład.

Po zidentyfikowaniu typowych przeglądarek używanych przez użytkowników, nadszedł czas, aby upewnić się, że witryna wyświetla się tak samo w tych przeglądarkach. Prawie niemożliwe jest zainstalowanie wszystkich różnych przeglądarek w jednym komputerze. Ale dzięki niektórym narzędziom i usługom internetowym możliwe jest sprawdzenie, jak wygląda Twoja witryna w innych przeglądarkach.

W tym artykule chcemy zwrócić uwagę na niektóre rozwiązania, na których możesz polegać, aby przeprowadzić testy zgodności z różnymi przeglądarkami. Pełna lista po skoku.

Testuj zgodność online

Browsershots

Browsershots jest darmowym i najpopularniejszym narzędziem do testowania zgodności dla projektantów stron internetowych dla wielu platform. Browsershots tworzy zrzuty ekranu z twojego projektu w różnych przeglądarkach. W bazie Browsershots znajdują się wszystkie najpopularniejsze przeglądarki, a Ty możesz łatwo sprawdzić, jak wygląda Twoja strona we wszystkich przeglądarkach i na platformach OS.

Piaskownica przeglądarki

Ta strona stworzona przez Spoon.net umożliwia uruchamianie różnych przeglądarek, w tym IE, Firefox, Safari, Chrome i Opera bezpośrednio z przeglądarki. Proste.

Netrenderer

IE NetRenderer to darmowy tester kompatybilności przeglądarek. Z IE NetRenderer możesz sprawdzić, jak strona jest renderowana przez różne wersje Internet Explorera. Po testach beta, wkrótce w IE NetRenderer zostanie zintegrowana najnowsza wersja IE - IE9 i będziesz mógł zobaczyć, czy Twoja witryna pokazuje błędy w tej przeglądarce.

Browsrcamp

Browsrcamp pozwala przetestować zgodność twojego projektu z przeglądarkami Mac OS X. Jeśli nie chcesz wydawać pieniędzy, możesz sprawdzić zgodność swojego projektu z Safari 3.1.2. Po prostu dodaj adres URL swojej witryny, a otrzymasz zrzut ekranu z witryny. Ale jeśli chcesz sprawdzić zgodność z innymi przeglądarkami Mac, możesz zapisać się na 3 $.

Adobe Browserlab

Adobe Browserlab to usługa hostowana w Internecie, która umożliwia projektantom testowanie projektów w wielu przeglądarkach i systemach operacyjnych. W tym systemie znajdują się funkcje zoomu i narzędzia pomiarowe, takie jak linijki i prowadnice, oraz możliwość szybkiego przemieszczania się do określonych obszarów zrzutu ekranu. Zestawy przeglądarek umożliwiają projektantom dostosowywanie, edytowanie i zapisywanie kombinacji przeglądarek do testowania.

Litmusapp

Lakmus pokazuje zrzuty ekranu z twoich stron internetowych, ponieważ przeglądają one wszystkie główne przeglądarki internetowe. Po zakończeniu testowania możesz uzyskać pełny raport zgodności, gotowy do przejrzenia przez klientów. Lakmus ma 4 plany cenowe. Możesz zarejestrować się za darmo i używać tylko testów przeglądarki Explorer 7 i Firefox 2 lub możesz wybrać plany opłat.

Każdy przeglądarka witryn

Anybrowser Site Viewer pozwala zobaczyć strony HTML tak, jak inne przeglądarki lub w różnych rozmiarach ekranu. Możesz przejść z linku do stron przeglądania linków, które pojawią się w różnych przeglądarkach i sprawdzić czystość tylko tekstową. Ponadto Anybrowser Site Viewer umożliwia wybranie określonych elementów strony.

Fundisom

Fundisom to generator zrzutów ekranu dla komputerów Mac, który umożliwia przeglądanie witryny na komputerze Macintosh G5 w Safari, MacIE lub Mozilla. Na razie program webowy Lixlpixel Safari Screenshot Generator jest tymczasowo niedostępny, ale możesz to sprawdzić później.

Delorie lynxview

Delorie lynxview to usługa, która pozwala autorom stron internetowych zobaczyć, jak będą wyglądać ich strony, gdy przegląda je Lynx, przeglądarka internetowa w trybie tekstowym.

Przeglądaj

Browsera ma służyć jako narzędzie do testowania, a nie tylko narzędzie do zrzutów ekranu, i działa na poziomie witryny, a nie na poziomie strony. Browsera indeksuje strony w witrynie i testuje je pod kątem niespójności układu i błędów skryptów.

IE Tab

IE Tab to dodatek do Firefoksa, który umożliwia ładowanie stron internetowych w Internet Explorerze, bez konieczności otwierania innego okna przeglądarki. Wystarczy kliknąć przycisk na pasku narzędzi Firefox, aby otworzyć bieżącą stronę na nowej karcie, która używa silnika Internet Explorer zamiast Firefox.

Wtyczka i narzędzia

IETester

IETester to bezpłatna przeglądarka internetowa, która pozwala na wyświetlanie i wyświetlanie silników IE9 w wersji IE9, IE8, IE7 IE 6 i IE5.5 na Windows 7, Vista i XP. Programiści mogą sprawdzić, czy ich strony działają poprawnie we wszystkich najpopularniejszych wersjach Internet Explorera.

IECapt

IECapt to małe narzędzie wiersza polecenia do przechwytywania renderowania strony internetowej w przeglądarce Internet Explorer w pliku obrazu BMP, JPEG lub PNG.

Multi-Safari

Multi-Safari to bezpłatne narzędzie do testowania zgodności z przeglądarką, które umożliwia sprawdzenie renderowania swojej strony internetowej przy użyciu różnych wersji Safari. Multi-Safari nie pozwala na testowanie rozdzielczości ekranu.

Expression Web SuperPreview

Expression Web SuperPreview to darmowe narzędzie, które pomaga użytkownikom testować swoje strony internetowe na różnych wersjach Internet Explorera. Expression Web SuperPreview to samodzielne wizualne narzędzie do debugowania, które ułatwia migrację witryn z IE6 do IE7 lub 8.

Iphoney

iPhoney zapewnia dokładne przeglądanie stron internetowych w pikselach, które możesz wykorzystać podczas tworzenia stron internetowych dla iPhone'a. Jest to idealne płótno o rozdzielczości 320 na 480 pikseli dla rozwoju iPhone'a. iPhoney nie jest symulatorem iPhone'a, ale jest przeznaczony dla programistów internetowych, którzy chcą tworzyć 320 na 480 stron internetowych do użytku z iPhone'em.

MultipleIEs

Z MultipleIEs możesz przetestować swoją stronę w Internet Explorer 3, 4, 5 i 6. Są to stare przeglądarki, ale jeśli możesz, że Twoja strona będzie dostępna dla wszystkich przeglądarek, sprawdź również najstarsze wersje IE z wieloma przeglądarkami.

Wiele IE

Wiele IE jest podobnym narzędziem, jak MultipleIE. Wiele IE to mały pakiet, który pozwala na uruchamianie wielu wersji IE na tej samej maszynie, od IE 6.0 aż do IE 3.0

SortSite Professional

SortSite Professional umożliwia twórcom stron internetowych, właścicielom i konsultantom sprawdzanie całych witryn pod kątem zgodności ze standardami i kwestii jakości. SortSite sprawdza każdą znalezioną stronę, a następnie tworzy raport z listą wszystkich problemów. SortSite sprawdza ponad 300 punktów kontrolnych jakości.

Lunascape

Lunascape to pierwsza i jedyna na świecie przeglądarka z potrójnym silnikiem. W zestawie znajdują się główne przeglądarki: IE, Firefox, Chrome, Safari. Dzięki Lunascape możesz wybrać odpowiedni silnik do użycia we właściwym czasie, zdając sobie sprawę z dramatycznego spadku kompatybilności z przeglądarką internetową, długiego czasu ładowania i niewłaściwego wyświetlania stron internetowych.

Usługi Premium

Browsercam

BrowserCam to płatna usługa online, która pozwala przeglądać strony internetowe na różnych platformach i przeglądarkach, automatycznie wykonując wybrane zrzuty ekranu lub zdalnie uzyskując dostęp do komputerów.

Crossbrowsertesting

Dzięki tej stronie będziesz mógł przetestować swoją witrynę (lub kogokolwiek innego) w dowolnym systemie operacyjnym i przeglądarce. To powinno zaoszczędzić dużo czasu, gdy próbujesz załatwić sprawę. Koszt subskrypcji zaczyna się od 19,95 USD.

Url2image

Korzystając z farmy serwerów WWW Url2image i będąc zalogowanym użytkownikiem, możesz poprosić o zrzuty ekranu swojego projektu strony internetowej, korzystając z różnych kombinacji przeglądarki / systemu operacyjnego. Url2image oferuje nagrodę za zrzuty ekranu. 2 zrzuty ekranu kosztują 1 $.

SortSite

SortSite Professional sprawdza strony pod kątem szeregu funkcji, które nie działają poprawnie lub zachowują się inaczej w różnych przeglądarkach. Standardowa nagroda wynosi 149 USD.

Przeglądarka wielu przeglądarek

Przeglądarka wielu przeglądarek zawiera 17 gotowych, zwirtualizowanych samodzielnych przeglądarek. Oprócz 17 niezależnych przeglądarek przeglądarka Multi-Browser ma również możliwość testowania witryny w 50 przeglądarkach w trzech systemach operacyjnych (Mac, Windows i Linux). Nagroda dla pojedynczego użytkownika wynosi 99,95 USD.

Testowanie w chmurze

Funkcja testowania krzyżowego przeglądarki Testowanie w chmurze pozwala zweryfikować zarówno wygląd, jak i funkcjonalność witryn handlu elektronicznego i transakcyjnych za pomocą przeglądarek IE 6,7,8, Firefox, Apple Safari, Google Chrome i Opera. Cena za jeden test to £ 0,10.