Sobota, 28 stycznia 2023
Testowanie przeglądarek to gorący i frustrujący problem zarówno wśród projektantów stron internetowych, jak i programistów. W większości przypadków programiści projektują dla jednej docelowej przeglądarki, a gdy skończą, zaczynają poprawiać projekt, aby był kompatybilny z innymi przeglądarkami.
Istnieje wiele sposobów na przetestowanie witryny przed jej uruchomieniem - można na przykład zainstalować kilka przeglądarek i systemów operacyjnych, uruchomić maszyny wirtualne o różnych konfiguracjach lub skorzystać z usługi hostowania obrazów, w ramach której dla danej wersji przeglądarki i systemu operacyjnego tworzony jest zrzut ekranu, który można wykorzystać do celów porównawczych.
Od dziś dostępny jest nowy sposób testowania kompatybilności przeglądarek opracowany przez firmę Microsoft i noszący nazwę SuperPreview. W tym artykule przedstawię krótką charakterystykę SuperPreview, a także porównam i wymienię alternatywne systemy testowania projektów stron WWW.
SuperPreview to nowa, bezpłatna, samodzielna aplikacja Microsoftu (wciąż w wersji beta), która umożliwia sprawdzenie, jak Twoje strony będą wyglądały w różnych wersjach Internet Explorera, dzięki czemu migracja z IE6 do 7 i 8 będzie znacznie łatwiejsza niż dotychczas, bez konieczności uruchamiania maszyny wirtualnej do uruchamiania IE6 lub posiadania osobnego komputera przeznaczonego do uruchamiania IE6. Zostanie również wydana wersja płatna, która będzie obsługiwać przeglądarki inne niż IE. W tej recenzji omówię tylko wersję bezpłatną. Należy wspomnieć, że jest to bardzo wczesne wydanie przedpremierowe, więc w przyszłości powinno pojawić się więcej funkcji i poprawek.
Wersja beta SuperPreview zostanie ogłoszona dzisiaj na konferencji Mix09 i będzie dostępna do pobrania za darmo dla ogółu społeczeństwa wkrótce potem. [AKTUALIZACJA] Oprogramowanie zostało wydane dzisiaj przed konferencją MIX09 i wcześniej niż pierwotnie oczekiwano i jest już dostępne: Pobierz Microsoft SuperPreview
Zostałem poproszony przez Microsoft o przetestowanie wczesnej wersji beta i przez ostatnie kilka dni współpracowałem z zespołem programistów, przekazując im swoje uwagi i sugestie.
Wersja premierowa SuperPreview dla Internet Explorera będzie dostępna latem 2009 roku.
Dostępna jest również pełna wersja, która zawiera obsługę Firefoksa i Safari. Jest to wersja płatna, która będzie częścią Expression Web 3. Będziesz miał możliwość włączenia jej z poziomu Expression Web lub jako samodzielnej wersji. Przewidywana data premiery to lato 2009 roku.
SuperPreview to całkiem fajny pomysł i po raz pierwszy widzę, żeby tego typu funkcje testowania w przeglądarce były dostępne jako samodzielna aplikacja, a nie jako usługa hostowana. Po prostu wpisujesz adres URL (lub plik lokalny), który chcesz przetestować, a program pokazuje podgląd w dwóch wersjach IE jednocześnie, w podzielonym oknie. Program posiada wbudowany silnik renderujący IE6 i wymaga posiadania IE7 lub IE8, aby móc je porównać.
Poważną wadą jest to, że przynajmniej w tej chwili nie ma konkretnych planów wydania wersji dla komputerów Mac, choć być może zostanie ona dodana w przyszłości. Musiałem przetestować ją na moim komputerze Mac przy użyciu programu Parallels, co spowodowało kilka błędów, takich jak powolny czas reakcji i migotanie niektórych ekranów ładowania. Ponadto interfejs użytkownika jest moim zdaniem dość nieatrakcyjny i niezbyt przyjazny dla użytkownika, choć twierdzą, że poprawią to w ostatecznym wydaniu.
Ponadto nie ma jeszcze dostępnego rozwiązania hostowanego, które byłoby szczególnie przydatne dla użytkowników komputerów Mac, którzy nie mogą zainstalować IE do celów testowych.
Pasek narzędzi przedstawiający różne prowadnice i linijki
Prowadnice i linijki z podświetleniem DOM pokazują różnice w renderowaniu w IE6 i IE7
Wybieranie przeglądarek lokalnych, zdalnych lub obrazów (zrzut ekranu pełnej wersji z obsługą przeglądarek innych niż IE)
Popularną metodą testowania witryny (poza instalacją kilku przeglądarek i systemów operacyjnych) jest korzystanie z usługi hostingu, która wykonuje zrzuty ekranu strony internetowej oglądanej w różnych przeglądarkach i systemach operacyjnych. Oto kilka najpopularniejszych z nich:
Obsługa wielu przeglądarek, technologii Java, Flash, Javascript i rozdzielczości ekranu. Łatwy w użyciu i bezpłatny.
Obsługuje wiele przeglądarek i wersji, a także systemy Windows, Mac i Linux. Od 800×600 do 1024×768. Cena: 15 dolarów za jednorazowe użycie lub 150 dolarów za domenę/rok za nieograniczone użycie
Obsługa wielu przeglądarek i systemów operacyjnych. Płacisz za minutę użytkowania. Wymaga Javy. Darmowa wersja próbna.
Obsługuje dowolną przeglądarkę i system operacyjny. Zawiera JavaScript, formularze DHTML i bardziej dynamiczne funkcje. Opcja zdalnego dostępu i tworzenia stron mobilnych. Od 19,95 USD za jeden dzień użytkowania do przechwytywania przeglądarek.
Testowanie przeglądarki MAC OS X przy użyciu zrzutów ekranu. Rozdzielczość od 800 px do 1600. Bezpłatnie dla zrzutów ekranu z Safari 3.1.2. Usługa płatna od 3 USD za dzień.
Sprawdza, jak strona internetowa jest renderowana przez Internet Explorer 7, 6 lub 5.5. Darmowy.
Sprawdza każdą przeglądarkę i każdą platformę oraz zawiera funkcję śledzenia błędów. 50 testów miesięcznie jest bezpłatnych, ale tylko dla IE7 i Firefoksa 2. Obsługa 23 przeglądarek zaczyna się od 24 dolarów za dzień.
Na koniec można zainstalować wiele przeglądarek lub użyć maszyn wirtualnych do dalszych testów.
Umożliwia zainstalowanie wielu systemów operacyjnych na tym samym komputerze
http://www.thesitewizard.com/webdesign/multiplebrowsers.shtmlhttp://css-discuss.incutio.com/?page=BrowserTesting
Zastrzeżenie od redaktora WDD: Ten wpis jest osobistą recenzją SuperPreview. Nie otrzymałem żadnego wynagrodzenia od firmy Microsoft ani żadnej innej firmy za recenzję tego produktu lub innych. Wyrażone tu opinie są wyłącznie moimi własnymi.
Napisz poniżej, jakich innych systemów używasz do testowania swoich witryn na różnych przeglądarkach i w różnych wersjach.