Artur Kępa

animator kultury, web developer, nauczyciel akademicki

Testowanie serwisów internetowych.

Profesjonalny test serwisu internetowego powinien obejmować następujące przeglądarki:

  • Firefox 2 (Windows oraz Mac OS X),
  • Internet Explorer 6 (Windows),
  • Internet Explorer 7 (Windows),
  • Opera 9 (Windows oraz Mac OS X),
  • Safari 3 (Windows oraz Mac OS X).

oraz dla telefonów komórkowych:

  • Internet Explorer Mobile,
  • Opera Mini.

Zatem mówimy o kompleksowych testach dla 11 przeglądarek. Listę opracowałem na podstawie własnych doświadczeń oraz statystyk dostępnych na stronie W3Counter [1]. Warto zaznaczyć, że prawdopodobnie w czerwcu do tej listy dołączy kolejna przeglądarka Firefox 3.

O tym co i jak testować napisałem w artykule o walidacji stron internetowych.

Środowisko testowe

Obecnie najlepszym znanym mi środowiskiem do przeprowadzania testów stron internetowych jest odpowiednio skonfigurowany komputer firmy Apple. Biorę pod uwagę relację wydajności, funkcjonalności oraz ceny mamy do czynienia z wyjątkowo praktycznym i opłacalnym komputerem. Na jednej maszynie możemy korzystać z 8 przeglądarek jednocześnie.

testowanie przeglądarki mac os x expose
zrzut ekranu: 8 przeglądarek internetowych uruchomionych jednocześnie w systemie Mac OS X (Leopard)

Dodatkowo możemy zainstalować Windows Mobile Emulator w systemie Windows co da nam liczbę 9 programów.

Mac OS X + Windows

Architektura komputerów Apple pozwala nam zainstalować dwa systemy operacyjne Mac OS X oraz Windows na tej samej maszynie. Co w przypadku komputerów klasy IBM PC nie jest możliwe. Dzięki oprogramowaniu Parallels Desktop programy systemu Windows uruchamiane są równorzędnie z programami Mac OS X. Możemy korzystać z nich za pomocą jednego monitora, klawiatury i myszki co wyjątkowo poprawia czas i komfort przeprowadzanych testów. Dla przykładu niech będzie kopiowanie odnośników pomiędzy przegladarkami.

przeglądarki windows safari opera ff2 ie6 ie7
zrzut ekranu monitora A: Safari 3, Opera 9, Firefox 2, Internet Explorer 6, Inernet Explorer 7 - przeglądarki internetowe w systemie Windows uruchomionym za pomocą Parallels Desktop w Mac OS X (Leopard)

przeglądarki mac os x opera firefox 2 safari 3
zrzut ekranu monitora B: Opera 9, Firefox 2, Safari 3 - przeglądarki internetowe w systemie Mac OS X (Leopard)

Kwestią dyskusyjną jest wybór systemu Windows. Z mojej praktyki wynika, że Windows XP znacznie lepiej współpracuje z Mac OS X niż Windows Vista.

Prezentacje wideo

Z praktyki wynika, że warto zaopatrzyć się w dwa monitory. W przypadku posiadania komputera przenośnego możemy dołączyć zewnętrzny monitor. Kombinacja laptop + monitor zewnętrzny jest najtańsza opcją przygotowania środowiska testowego.


film: prezentacja Mac OS X + Windows na jednej maszynie z użyciem dwóch monitorów, źródło: Youtube


film: Mac OS X + Windows, czyli oprogramowanie Parallels Desktop na komputerze MacBook, źródło: Youtube

Materiały:

24 03
2008

Sobee

O jej!
To trzeba aż tak ?!?
Toż to chyba już lepiej nie robić tej strony w ogóle ;)

01 04
2008

Paweł

Jaki jest powód dla którego do listy ma dołączyć FF3? Wydawało mi się, że zastąpi FF2.

01 04
2008

Artur Kępa

Powód dlaczego FF3 dołączy do listy, a nie zastąpi FF2 jest adekwatny do występowania na liście jednocześnie IE6 oraz IE7. Do dzisiaj odnotowuje się znaczną liczbę użytkowników IE6, mimo że IE7 gości na rynku od znacznego czasu. Z pewnością za kilka lat FF2 oraz IE6 przejdą do lamusa i wtedy będzie można je z tej listy usunąć :)

06 04
2008

Paweł

O ile w przypadku IE nie ma wątpliwości (ta sama strona może inaczej wyglądać w różnych wersjach), o tyle nie wiem czy są takie różnice w przypadku Firefox 2 i 3. Silnik renderujący strony jest nadal ten sam, a jeśli są zmiany to raczej w postaci nowości (np. CSS3) niż zmiany funkcjonalności tego co już było.

Ale mogę się mylić. Nie znam się na przeglądarkach ;-)

18 07
2008

Jan Freisler

ad. FF2 i FF 3. Oczywiście, że są różnice. W kwestii css ostatnio coś mnie strasznie irytowało, ale jakoś to obszedłem i zapomniałem - nie miej było. Dodatkowo dochodzi inny engine generowania czcionek (moim zdaniem nieco gorszy - cześć webdev. na blogach też to stwierdziła. Są nawet testy porównawcze). Do tego zmiana zachowania obiektu window w js, która mnie osobiście doprowadza do szału.

Do tego spisu dorzuciłbym rozróżnienie na O9.27- i O9.50+, bo tutaj rozbieżności w js są znaczące. A w css takie same jak miedzy FF2 i FF3.

Zmiana w css wynika głównie ze zmienionej interpretacji niektórych standardów. Plus chyba jedna wynika ze zmiany błędnego zapisu przez w3c.

dodaj własny komentarz
gry miejskie Partyzantz
© arturkepa.com 2008