IE – Dzieło szatana – przepis na IE Voodoo Doll

Przychodzi taki czas, czas testów cross-browser, i zaczyna się miło i przyjemnie: Firefox, Google Chrome, Opera i po wstępnym zadowoleniu zgodnością aplikacji pod wymienionymi przeglądarkami nadchodzi TEN czas – czas testów po IE (Internet Explorer). Ponieważ blog służy do obnoszenia się subiektywnymi opiniami, to już na wstępie nie omieszkam szydery z produktu Microsoftu. Jasna rzecz, że wykazałam maksimum dobrych chęci do przyjaźni z IE ale sprawdziło się iż dobrymi chęciami jest piekło wybrukowane a IE narzędziem szatana pozostanie. Mogę śmiało stwierdzić, że pewne różnice (błędne wyświetlanie) świadczą o tym, że IE jest albo mega dokładne i skrupulatne albo mega głupie (najbanalniejszy przykład – niedomknięty <div … firefox daje rade bez problemu, IE nie)
Dlaczego IE jest mimo wszystko popularny? Wpis z basha jest kwintesencją odpowiedzi

internet explorer jest jak chrześcijaństwo – swoją popularność zdobył dlatego, że jest preinstalowany na większości komputerów

Już pomijając wszystkie bugi, ale pamiętając że IE jest dziurawe jak ser szwajcarski to może kolejną kwintesencją pojęcia bezpieczeństwa w IE będzie wpis z nonsensopedii:

Internet Explorer służy do przeglądania internetu z twojego komputera i vice versa

Wrócę może do rzeczy, czyli testowanie aplikacji pod Internet Explorer, nie będę opisywać problemów na jakie się można natknąć, ponieważ każdy to wie (bez ryzyka w tym stwierdzeniu). Nie będę też pisać o sposobach rozwiązania najpopularniejszych bugów, bo nie mam nawet pewności czy jakieś schematy i standardy istnieją. Na ile błędy pod IE są powtarzalne w różnych aplikacjach też jest dla mnie tajemnicą. Dlatego opiszę narzędzia, które będą pomocą w testowaniu, same bugi i ich naprawa to działka webdeveloperska więc testerzy umywają ręce.

1. IE Tester

http://www.my-debugbar.com/wiki/IETester/HomePage
IE tester 99% skuteczności w zwalczaniu migreny
Do pobrania tutaj IEtester to prosty wygodny programik. Warto wspomnieć o opcji “Zobacz we wszystkich wersjach”, która pozwala otworzyć kilka kart przeglądarki z wyświetloną zawartością strony w różnych wersjach IE. Nie ma co opisywać najlepiej zainstalować to lekkie narzędzie i korzystać.

Niestety IE Tester bywa, że nie renderuje strony identycznie jak „właściwa” przeglądarka. Różnice są przykładowo w pojedynczych pikselach. Najbezpieczniej stosować wirtualki z zainstalowanymi windowsami i przeglądarkami – osobnymi dla każdej wersji IE. Począwszy od wersji 6. Inne rozwiązania jak na razie się nie sprawdziły. Microsoft przygotował nawet swego czasu specjalne wersje Windowsa XP dla webdeveloperów.

2. Xenocode Browser Sandbox

http://spoon.net/browsers/
Technologia wirtualizacyjna Xenocode pozwala odseparować aplikację od systemu operacyjnego. Dzięki temu uruchomienie IE6 pod Vistą wymaga ściągnięcia jednego pliku .exe – i wszystko śmiga.

Xenocode Browser Sandbox pozwala na jednoczesne uruchomienie w dowolnym obecnym systemie Windows wszystkich popularnych przeglądarek obok siebie, bez konieczności ich instalowania. Nie trzeba instalować żadnych dodatkowych środowisk wirtualizacyjnych – wystarczy odwiedzić stronę www.xenocode.com/browsers/ i wybrać kliknięciem przeglądarkę, którą chcemy uruchomić. Spowoduje to pobranie pliku .exe – wirtualnego urządzenia zawierającego gotowy browser. Szerzej tutaj.

Za pomocą jednego kliknięcia myszą możesz korzystać z każdej przeglądarki, bez instalacji. Możesz przetestować stronę w różnych wersjach IE, Firefox, Google Chrome, a nawet Safari. I co ważne nie otrzymujesz tylko screenshota jak w przypadku Browsershots ale możesz obserwować działanie żywej aplikacji. Co najciekawsze całość usługi jest bezpłatna.

Zwirtualizowana IE uruchomiona z poziomu Firefoxa

3. Browsershots

http://browsershots.org/. Browsershots generuje screeny strony pod dowolną przeglądarką. Jest popularny stąd wielokrotnie zapomina się, że wygenerowanie screenów dla kilku przeglądarek to czas rzędu godziny lub więcej. Według mnie nie jest to przydatne narzędzie w testowaniu, zdecydowanie lepiej wykorzystać Xenocode Browser Sandbox. Darmowa wersja aplikacji ma właśnie tę wadę – trzeba czekać na uzyskanie dostępu w pierwszej kolejności.

4. IE NetRenderer

http://meineipadresse.de/netrenderer
IE NetRenderer jest darmowym narzędziem, które doskonale nadaje się do testowania stron internetowych w programie Internet Explorer, zazwyczaj najbardziej kłopotliwe przeglądarki. Z IE NetRenderer wszystko co musisz zrobić, to wybrać wersję IE i wpisać adres URL, który chcesz przetestować, wynikiem będzię screen.

5. Maszyna wirtualna – profesjonalne środowisko testowe za pomocą wirtualizacji

Obraz maszyny wirtualnej Windows XP z IE 6 to bardzo dobre rozwiązanie, byćmoże czasochłonne na starcie ale ostatecznie mamy 100% obraz rzeczywistego działania. Są różne metody, można pobrać obraz maszyny wirtualnej systemu lecz jest ograniczenie czasowe. Właściwie wirtualizacja ma same plusy, bo poza działaniem na rzeczywistej przeglądarce, można stworzyć środowisko odpowiednie środowisku potencjalnego usera danej aplikacji. Po odpowiedniej komfiguracji maszyny oszczędzamy czas, pieniądze i własne nerwy. Mamy pewność, że zbadana sytuacja będzie wyglądać identycznie u klienta z Windowsem 98 i IE6 🙂 bo na własnej maszynie wirtualnej sprawdziliśmy na 100 pro. Oprócz stworzonego lub pobranego obrazu systemu potrzebujemy jeszcze Microsoft Virtual PC (do pobrania tutaj) lub godny polecenia jest VirtualBox (do pobrania tutaj)

Voodoo Doll to Kill Internet Explorer

Na koniec jak stworzyć Voodoo Doll by zabić Internet Explorer
Ja mam już swoją IE Voodoo Doll – a Ty? 🙂 Nie? Skorzystaj z tutoriala:
źródło