Strona powinna wyglądać jednakowo w różnych przeglądarkach. Dzięki zastosowaniu standardów W3C w ostatnim czasie problem jednakowego wyglądu powoli odchodzi w zapomnienie. Powoli, bo minimalne różnice między przeglądarkami pozostają. Ale można sobie z nimi poradzić w parę chwil. Problem stanowi natomiast testowanie wyświetlania strony w przeglądarce IE, szczególnie w wersjach IE7, lub o zgrozo! – w IE6. Internet Explorer 8 nie sprawia już większych problemów. W tym artykule omówię problem testowania strony w starszych wersjach IE.
O tym, dlaczego trzeba tworzyć strony zgodne ze standardami W3C, dowiesz się z artykułu Lepiej trzymaj się standardów xhtml. Jednak mimo zachowania standardów, strona może nie wyglądać identycznie w przeglądarkach, szczególnie mam tutaj na myśli dwie z przeglądarek, które mają nadal spory udział na rynku – Internet Explorer 6, którego używa około 10% społeczeństwa, oraz Internet Explorer 7, którego używa również około 10% społeczeństwa. W sumie 20% rynku, więc warto sprawić aby strona wyświetlała się prawidłowo w tych przeglądarkach.
Jak sprawdzić wygląd strony w IE6 i IE7
1. Odinstalować nowszą wersję IE i zainstalować starszą
. Karkołomne zadanie i nie zawsze da się je wykonać. Np. na Viście nie można zainstalować IE6, nawet po odinstalowaniu IE8. Więc ta metoda odpada z oczywistych względów.
2. Program MultipleIE, to najlepsze rozwiązanie i nim w pierwszej kolejności powinieneś się zainteresować. MultipleIE instaluje starsze wersje IE, które mogą działać obok siebie na tym samym komputerze. Warto dodać że są to oryginalne wersje IE, bez modyfikacji. Czyli działają i wyglądają tak samo jak oryginał. Rozwiązanie jest świetne, sam stosowałem je z powodzeniem przez długi czas. Aż przesiadłem się na Vistę. A na Viście IE6 po prostu nie działa. Dlatego musiałem znaleźć inne rozwiązanie, bo nadal chciałem testować strony w IE6.
3. Program IETester – jedna aplikacja, która zawiera w sobie różne wersje IE. Można otworzyć sobie w jednej zakładce stronę w IE6, w drugiej zakładce IE7 itd. Fajna sprawa, ale sam program ma ogromną wadę: to co widzisz, to nie jest strona wyrenderowana w IE. Tylko jakaś namiastka, która z IE ma niewiele wspólnego. Do testowania podstawowych stron wystarczy, ale na większych stronach różnice są spore. Np. problem, który pojawi się w IETesterze, może zupełnie nie występować w oryginalnej wersji IE6 i na odwrót. Czyli testowanie stron w IETester to po prostu pomyłka. Nie wspomnę już o fatalnym wsparciu dla javascript, który generuje różne wyniki w prawdziwym IE i w IETester. Podsumowując – NIE POLECAM – ta aplikacja, mimo że tak popularna nie nadaje się właściwie do niczego.
4. Wirtualna maszyna. Metoda nie jest tak wygodna jak dwie opisane powyżej, ale posiadając system Vista i chcąc testować stronę w IE6 jest to jedyne rozwiązanie które działa. Sposób jest prosty: instalujesz Virtual PC, pobierasz wybrany obraz systemu ze strony Microsoft i możesz testować. Wszystkie potrzebne elementy możesz pobrać za darmo ze strony Microsoft. Przynajmniej tak M$ może się zrekompensować za wcześniejsze wersje IE.
Co do IETestera mam inne zdanie.
Mam zainstalowany ten program i korzystam z niego na co dzień. Dodatkowo mam ie6 i ie7 na kompie zainstalowane i jeszcze nigdy nie zdarzyło się, aby IETester nie pokrywał się z wyglądem IE6 i IE7.
Zaznaczam, że koduję na co dzień i nie raz to sprawdziłem
Może miałem pecha, a może używałem wersji IETester, która była nie do końca dopracowana. Tyle, że u mnie różnice zauważyłem po kilku minutach testowania.
A co powiesz o działaniu javascript w IETester? Kiedy ja testowałem to js był praktycznie bezużyteczny. Dla mnie js to podstawa, bo na co dzień używam biblioteki jQuery (w każdym niemal projekcie) to i js musi działać bezbłędnie.
Tak z tym chyba rzeczywiście był problem.
w ie tester jest fajnie łatwo w jednym okienku wszystko na raz testuje pozniej tylko dla pewnosci sprawdze w multiple
Ja korzystam i z multiple i z IE tester
Wirtualna maszyna, to jedyny pewny sposób. Tym bardziej, że w przypadku IE6 istotny jest też service pack. Na wirtualnej maszynie możemy to wszystko skonfigurować i mamy naturalne środowisko.