Jak mogę przetestować moją witrynę w IE6, IE7, IE8, IE9, IE10 i Internet Explorer 11


84

Jak mogę niezawodnie przetestować moją witrynę na wszystkich starych wersjach programu Internet Explorer, od IE6 aż do wersji IE11?


1
Czy nie było witryny partnera wymiany stosów, która robiła to około rok temu? To było na podcastie stackoverflow ... Zapomniałem nazwy i nie mogę znaleźć żadnego odniesienia do niej.
Kjensen

Odpowiedzi:


87

Uderzenie F12w IE8 powinno uruchomić Narzędzia programistyczne, które pozwalają emulować IE7 (nie IE6) za pomocą trybu przeglądarki.

IE8 emuluje IE7

Przypuszczam, że na IE9 będziesz mógł emulować co najmniej do IE7, ale przypuszczam tylko, że teraz irytuje mnie prosty pomysł, aby kupić W7, aby to przetestować.


AKTUALIZACJA: jak określił Jeff Atwood: IE9 emuluje wstecz aż do IE7.


AKTUALIZACJA 2: jak sugeruje Nick w komentarzach poniżej, jeśli chcesz być w 100% pewien, że emulujesz stare przeglądarki IE, możesz używać maszyn wirtualnych dostarczonych przez Microsoft (niewiarygodnie są one również udostępniane za darmo). Na marginesie, należy pamiętać, że testowanie na maszynach wirtualnych jest bardziej czasochłonne niż korzystanie z Narzędzi dla programistów IE, testowanie maszyn wirtualnych IMHO może być przydatne podczas testowania czegoś, co jest zachłanne JS / CSS, np. Aplikacji internetowej lub złożonej witryny, a nie prostych witryn, które użyj jQuery i trochę CSS.


3
+1 - Co za idealny moment! Godzina mojego czasu została utracona na zawsze, gdy szukałem w całej firmie kogoś, kto nadal tkwi w 2007 roku za pomocą IE7. Następnie zajęło dobre 30 minut, aby uzyskać udostępnienie ekranu, abyśmy mogli sprawdzić, czy faktycznie używa IE7, a nie IE8. Teraz zamiast instalować Windows XP i IE7 na obrazie VMWare w celu naprawienia mojego błędu, skorzystam z twojego pozornie oczywistego, uproszczonego rozwiązania, które tak długo wydawało się umknąć mojej wizji;) Jak mogłem to przegapić? Dziękuję Ci!!
jmort253

4
potwierdzone: IE9 pozwala emulować tryb zgodności IE7, IE8, IE9 i IE9.
Jeff Atwood

2
Czy emulacja jest dokładnie taka sama, czy mogą występować niewielkie różnice.
Saif Bechan

1
@ Saif Bechan: mogą istnieć pewne różnice, biorąc pod uwagę tysiące aktualizacji wydawanych w sposób ciągły przez Microsoft zarówno dla ich przeglądarek, jak i systemów operacyjnych. Ale pomyśl o innych możliwościach testowania IE: musisz zainstalować 3 VM z Windows, jedną dla IE7, jedną lub IE8 i jedną dla IE9. Ale również te środowiska testowe mogą nadal różnić się od środowisk użytkowników końcowych, którzy prawdopodobnie zainstalowali (lub nie zainstalowali) niektóre aktualizacje Windows / IE / Office, których nie zainstalowaliście.
Marco Demaio,

3
@MarcoDemaio Zdecydowanie istnieją różnice między trybem IE 7 IE 9 a prawdziwym IE 7. Podałem tutaj dwa przykłady .
Nick

24

Tester IE Robi IE6, 7, 8 i 9


2
Poza pewnymi ograniczeniami, które już sprawiają, że nie jest to wiarygodny tester: 1. Przyciski Poprzedni / Następny nie działają poprawnie; 2. Ostrość nie działa poprawnie; 3. windows.open nie zwraca nowo utworzonego okna, ale ma wartość NULL.
Marco Demaio

1
Ciekawy. Nie mam tych problemów.
John Conde

2
są tutaj napisane i znają problem: my-debugbar.com/wiki/IETester/HomePage
Marco Demaio

1
@marco, muszę wprowadzić starszą wersję, zanim te błędy zostaną wprowadzone. Mam szczęście. :) Mimo to same przeglądarki działają i będą robić to, co trzeba zrobić.
John Conde

1
@marco Zawsze widziałem notatkę o przyciskach Poprzedni / Następny i przypuszczam, że pod pewnymi warunkami mogą one nie działać, ale zawsze działały dla mnie poprawnie.
joshuahedlund,



7

Możesz także użyć strony ze zdjęciami przeglądarki, jeśli testujesz układ. Podajesz adres URL, który zwraca obrazy Twojej witryny w wielu różnych przeglądarkach.

http://browsershots.org/


1
Niestety przez jakiś czas nie działało to w przypadku IE. Możesz go wybrać, ale wyświetla listę serwerów jako „Niedostępne” dla IE na stronie statusu. W przypadku testowania tylko w IE Net Render wykonuje prostą, ale przyzwoitą robotę: ipinfo.info/netrenderer
Itai

1
@Itai - może to było tymczasowe. Właśnie wypróbowałem Browsershots i pokazały mi zrzuty ekranu z mojej strony testowej w IE 6, 7, 8. IE9 nie jest tam dostępną opcją.
mvark

1
@mvark - Cholera! Próbowałem dzisiaj również i fabryki IE były offline, spróbuję ponownie.
Itai

1
@lovefaithswing: ciekawe, szkoda, że ​​to tylko zrzuty ekranu. Ale zgadzam się, że za darmo jest lepsze niż nic.
Marco Demaio

5

Microsoft wydał także „ Expression Web 4 ”, który służy do porównywania różnych wersji IE. Ale musisz za to zapłacić i potrzebujesz Windows XP SP3 lub dowolnej późniejszej wersji Win.

Expression Web 3 można pobrać bezpłatnie, ale zawiera tylko porównania z IE6, IE7 do IE8. (brak IE9)


1
FYI: teraz postanowili rozdać (niewiarygodnie za darmo) niektóre maszyny wirtualne, które zostaną wykorzystane do celów testowych. Zobacz komentarze Nicka do mojej odpowiedzi.
Marco Demaio,

1
Robią to od lat, ale te maszyny wirtualne mają czas użytkowania, o ile pamiętam.
feeela

4
faktycznie wyświetlają się w UWAGA na tym samym linku microsoft.com/en-us/download/details.aspx?id=11575, aby wpisać slmgr –rearmw wierszu polecenia polecenie zresetowania zdjęć na zawsze, aby w zasadzie nigdy nie wygasały, nawet jeśli wygrałeś ” być w stanie zapisać cokolwiek na tych impasach, ale do testowania może wystarczyć.
Marco Demaio,

2
Expression Web 4 jest teraz dostępny za darmo, ale produkt Expression Web nie jest już rozwijany.
Jacob Hume

4

Crossbrowsertesting to strona, którą próbowałem przez jakiś czas. Całkiem dobrze, masz świeżą instalację przeglądarki na maszynie wirtualnej, do której masz dostęp przez VNC. Przydatne, szczególnie w przypadku bardziej dynamicznych witryn.


4

Jeśli chcesz tylko sprawdzić wygląd swoich stron w różnych przeglądarkach IE, wypróbuj Browsershots lub WebPageTest. WebPageTest to w zasadzie bezpłatne narzędzie do testowania wydajności, ale jeśli wybierzesz zakładkę „Porównanie wizualne” ze strony głównej i prześlesz adres URL do przetestowania, witryna wygeneruje rozwijalne miniatury widoku „ nad zakładką ” Twojej strony internetowej i opcjonalnie wideo ta strona podczas ładowania. WebPagetest to narzędzie typu open source, które można zainstalować lokalnie i uruchomić własną instancję. WebPagetest umożliwia testowanie w IE w wersjach od 6 do 9.

Jeśli chcesz ręcznie przetestować nawigację i funkcje swojej witryny, a nie tylko jej wygląd i układ, zainstaluj bezpłatnie dostępne obrazy Virtual PC z IE 6, 7, 8 na komputerze z systemem Windows 7. Narzędzia takie jak IETester mogą nie być całkowicie niezawodne .


4

Używam VirtualBox do uruchamiania kopii systemu Windows XP z każdą zainstalowaną przeglądarką. To nie jest „idealne”, ale działa dla mnie i jest bardzo łatwe w konfiguracji i obsłudze. Jest to również prawdopodobnie najlepsze odzwierciedlenie tego, jak przeglądarka faktycznie wygląda w danym systemie operacyjnym.



3

Jeśli wszystko w porządku, wystarczy sprawdzenie wizualne, możesz skorzystać z przeglądarki Adobe BrowserLab . Jest to część pakietu usług online CS Live oferowanych przez Adobe. W tej chwili możesz uzyskać 12 miesięcy bezpłatnego członkostwa w CS Live, więc w krótkim okresie jest to dobre bezpłatne rozwiązanie. Możesz uruchamiać testy na wielu kombinacjach przeglądarki / systemu operacyjnego jednocześnie i zobaczyć różnice w renderowaniu, porównując je obok siebie.

Jednak zawsze najlepiej jest mieć rzeczywiste maszyny testowe (lub maszyny wirtualne), ponieważ Browserlab nie może powiedzieć, czy JavaScript jest uszkodzony, ani pomóc w debugowaniu CSS lub błędów znaczników. Informuje tylko, że układ nie wyświetla się poprawnie na konkretnej platformie. Ale miło jest móc wpisać adres URL i uzyskać pełnoekranowe zrzuty ekranu strony internetowej w większości głównych kombinacji systemu operacyjnego / przeglądarki.


3

Jest Browserling który umożliwia testowanie IE 5-9 i różne wersje innych głównych przeglądarek, jak również, a wszystko to z poziomu przeglądarki do wyboru!


1
Nie wydają się bardzo wiarygodne, ich strona pokazuje się źle na IE7 i IE8. Chodzi mi o to, że jeśli nie są oni pierwszymi, którzy testują swoją przeglądarkę w różnych witrynach, zastanawiam się, jak mogę zaufać ich narzędziu do testowania w różnych przeglądarkach.
Marco Demaio

3

Używam piaskownicy przeglądarki spoon.net - http://spoon.net/Browsers .

Pozwala na uruchomienie IE6-9 na komputerze bez konieczności ich instalowania. Mają także konsolę przeglądarki i współpracują z paskiem narzędzi programisty IE, który pomaga w debugowaniu css / javascript.


Płacenie za wszystkie starsze wersje przeglądarki.
KC

3

Nic nie zastąpi natywnych, twardych urządzeń z pożądanymi platformami. Żaden zestaw testów IE nie jest w pełni dokładny, a kilka spowoduje błędy, które nie pojawiają się w produkcji (marnowanie czasu na fałszywe alarmy). Maszyny wirtualne nie są tak niezawodne, jak ludzie myślą - widziałem kilka błędów specyficznych dla maszyn wirtualnych podczas próby uruchomienia IE6 (myślę, że silnik renderowania IE6 opiera się na koordynacji niektórych wątków, którymi maszyny wirtualne nie mogą właściwie zarządzać).

Jeśli funkcjonalność IE6 / 7 ma znaczenie dla Twojej organizacji, myślę, że możesz łatwo uzasadnić wydanie marginalnej kwoty na dwa tanie WinXP. IETester jest powolny, ponieważ melasa i zawiesza się po upadku kapelusza, a „tryb zgodności” IE - choć przydatny przy pierwszym przejściu - po prostu nie jest do końca potrzebny, jeśli Twoi klienci naprawdę polegają na twoim oprogramowaniu pracującym na starszych urządzeniach.


1
Problemem nie jest kupowanie maszyn WinXP, ale czas poświęcony na testowanie na twardych urządzeniach, musiałbym fizycznie przenieść tyłek z jednego komputera na drugi, to zdecydowanie zbyt ciężka praca dla programisty. Prawie nigdy nie podnoszę rąk nad klawiaturę przez więcej niż 15 stopni. :-)
Marco Demaio,

2
@MarcoDemaio - dlaczego nie korzystać z sesji zdalnych?
Jimmy Breck-McKye,

3

Microsoft zapewnia, bezpłatnie i bez rejestracji, maszyny wirtualne dla:

  • IE8 na Win7
  • IE9 na Win7
  • IE10 na Win7
  • IE11 na Win7
  • IE11 na Win81
  • Edge na Win10

Dla następującej platformy:

  • VirtualBox
  • Włóczęga
  • HyperV
  • VPC
  • VMware
  • Paralele

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.