Testowanie w różnych przeglądarkach (PC)
Pewnym znakiem solidnego, dobrze zakodowanego układu CSS jest to, że wyświetla się konsekwentnie w przeglądarkach i platformach. Spojrzenie na ostatnie statystyki globalnej przeglądarki pokazuje, że chociaż Internet Explorer nadal jest najpopularniejszą przeglądarką internetową w powszechnym użyciu, jego baza użytkowników jest dość równomiernie podzielona między wersje 6 i 7.
I chociaż inne przeglądarki, takie jak Firefox, Opera i Safari, mają stosunkowo niewielki udział w rynku przeglądarek, byłoby nierozsądne, aby każdy projektant lub programista ignorował je podczas testowania swojej pracy.
Potrzeba testowania
Na przykład strona pokazana poniżej podkreśla potrzebę dokładnych testów w różnych przeglądarkach. W przeglądarce Firefox strona wygląda fantastycznie; ale w przeglądarce Internet Explorer 6 witryna wygląda na zepsutą, ponieważ IE6 nie obsługuje przezroczystości alfa PNG (co wydaje się być pokrywane z kodu witryny, ale wybrane rozwiązanie nie działa), i także z powodu pewnych problemów z pozycjonowaniem.
Ponieważ testy w różnych przeglądarkach dla komputerów Mac zostały już omówione w Design Shack, ten artykuł skupi się na metodach testowania w różnych przeglądarkach na PC. Oczywiście punktem wyjścia do testowania w różnych przeglądarkach jest instalacja każdej z głównych przeglądarek; najnowsze wersje można pobrać poniżej:
Internet Explorer
Jednak nie jest to takie proste, jeśli chodzi o testowanie pracy zarówno w Internet Explorerze 6, jak i 7. Domyślnie system Windows uruchamia tylko jedną wersję IE, i chociaż nie jest to poważny problem dla przeciętnego użytkownika sieci, jest to bardziej problematyczne dla projektantów stron internetowych i programistów, którzy muszą upewnić się, że ich praca wyświetla się poprawnie w obu wersjach. Jedną z opcji przezwyciężenia tego (jeśli używasz systemu Windows XP) jest użycie instalatora Multiple IE firmy TredoSoft. To genialne narzędzie pozwala na jednoczesne uruchamianie kilku niezależnych wersji Internet Explorera na tym samym komputerze, dzięki czemu testowanie wielu wersji jest bardzo proste.
Inną opcją, która nie wymaga instalowania niczego na komputerze, jest skorzystanie z usługi renderowania online, takiej jak IE NetRenderer. Tutaj wystarczy wpisać adres URL strony, która ma zostać przetestowana, wybrać wersję IE, w której chcesz ją przetestować, a NetRenderer wyświetli dla ciebie zrzut ekranu. Minusem tego jest to, że otrzymujesz tylko statyczny zrzut ekranu, co uniemożliwia testowanie dynamicznych funkcji, takich jak ulepszenia interfejsu AJAX. Dodatkowo NetRenderer renderuje tylko do „fold”, więc jeśli masz szczególnie długą stronę, może ci się to nie przydać.
Safari
Z mojego doświadczenia wynika, że instalacja Multiple IE to o wiele bardziej niezawodny sposób testowania stron internetowych w wielu wersjach Internet Explorera na PC. Jednak jeśli chodzi o testowanie pod kątem innych przeglądarek na innych platformach, takich jak Apple Safari na Mac OS X, jedynym prawdziwym sposobem testowania na miejscu jest zakup Maca. Znacznie tańszą (jak w darmowej) alternatywą jest skorzystanie z innej usługi renderowania online; tym razem jest to BrowsrCamp, który wyświetla zrzuty ekranu stron internetowych wyświetlanych w przeglądarce Safari działającej w systemie Mac OS X.
Chociaż istnieje wiele innych przeglądarek dostępnych na różnych platformach, omawiane tu przeglądarki są powszechnie używane i jako takie powinny być uwzględniane w każdym etapie testowania projektantów stron internetowych i programistów podczas tworzenia treści internetowych.
){kind=link}