Testowanie serwisów internetowych.

(aktualizacja: 2009-05-11)
Pełny test serwisu internetowego powinien obejmować następujące przeglądarki:

  • Firefox 2 (Windows oraz Mac OS X),
  • Firefox 3 (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:

  • iPhone Safari,
  • Internet Explorer Mobile,
  • Opera Mini.

Zatem mówimy o kompleksowych testach dla 12 przeglądarek. Listę opracowałem na podstawie własnych doświadczeń oraz statystyk dostępnych na stronie W3Counter [1].

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ąc 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 istnieje możliwość zainstalowania Windows Mobile Emulator w systemie Windows, co daje 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 przeglądarkami.

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:


  • Sobee 2008-03-24 23:33:17

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

  • Paweł 2008-04-01 19:28:51

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

  • Artur Kępa 2008-04-01 20:06:18

    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ąć :)

  • Paweł 2008-04-06 22:04:49

    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 ;-)

  • Jan Freisler 2008-07-18 21:51:54

    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.

  • Kendo 2009-02-09 21:22:18

    Ale po co?

    Nie prościej skorzystać np. z http://www.browsercam.com/Default2.aspx

  • Artur Kępa 2009-05-11 19:53:41

    @Kendo
    Nie prościej :) Nie wyobrażam sobie pracy korzystając wyłącznie z generatora podglądu online. Czas oczekiwania, ilość czynności, itd..

dodaj komentarz

Formularz dodawania komentarzy