Jak przywrócić „tryb przeglądarki” w IE11?


132

UPDATE : Stare pytanie dotyczy tylko podglądu IE11; tryb przeglądarki powrócił w ostatecznej wersji IE11. Ale jest haczyk: jest prawie bezużyteczny, ponieważ nie naśladuje komentarzy warunkowych. Na przykład, jeśli użyjesz ich do włączenia obsługi HTML5 w starszych przeglądarkach IE, nie będziesz już mógł debugować swojej witryny w IE11.

        <!--[if lte IE 8]>
            <script src="html5shiv.js"></script>
        <![endif]-->

Przeczytaj kolejne pytanie StackOverflow i problem z narzędziem do śledzenia błędów IE . Microsoft nigdy na to nie odpowiedział, więc wygląda na to, że wprowadzili ten błąd celowo, aby skłonić ludzi do kupowania subskrypcji BrowserStack. Warunkowa emulacja komentarzy działała dobrze w wersji zapoznawczej.

ORYGINALNE PYTANIE : Gdy podgląd IE11 jest zainstalowany w systemie Windows 7, zawiera staromodne narzędzie F12, które pozwala zmieniać tryby przeglądarki. wprowadź opis obrazu tutaj

Jeśli jednak przejdziesz do menu „Narzędzia” i wybierzesz narzędzie programistyczne „F12”, zostanie ono zastąpione nowymi narzędziami programistycznymi, a „Tryb przeglądarki” nie będzie już dostępny. wprowadź opis obrazu tutaj

Jedynym sposobem na przywrócenie go jest odinstalowanie IE11 i ponowne zainstalowanie.

Czy istnieje łatwiejszy sposób przełączania się między trybami przeglądarki w IE11?


1
Wydaje się, że to świetne pytanie na forum specyficzne dla MS (lub prawdopodobnie zgłoszenie błędu!)
Mathletics

4
@Mathletics - to nie jest błąd, to całkiem celowe.
Spudley,

2
Jak, do diabła, udało ci się dostać pierwszy ekran? Po naciśnięciu F12 pojawia się DRUGI EKRAN.
Sliq

1
@Panique - było tam, kiedy po raz pierwszy zainstalowałem IE11. Prawdopodobnie dlatego, że zawsze mam narzędzie F12 obecne w IE10, więc jakoś migrowało to ustawienie. Następnie mogę użyć klawisza F12, aby go pokazać i ukryć. PO PROSTU NIE PRZEJDŹ DO MENU NARZĘDZI. Jeśli chcesz go przywrócić, najpierw odinstaluj aktualizację IE11. Pracuje dla mnie.
Evgeny,

Odpowiedzi:


146

[AKTUALIZACJA]

Oryginalny pytanie, a odpowiedź poniżej zastosowano specjalnie do IE11 wydań podglądu .

Ostateczna wersja release of IE11 ma w rzeczywistości dają możliwość trybów przeglądarki przełącznik na karcie emulacji w dev narzędzi:

Zrzut ekranu pokazujący wybór trybu przeglądarki w zakładce emulacji

To powiedziawszy, rada, którą tu dałem (i gdzie indziej), aby unikać używania trybów zgodności do testowania, jest nadal aktualna: jeśli chcesz przetestować swoją witrynę pod kątem zgodności ze starszymi wersjami IE, zawsze powinieneś testować w prawdziwej kopii tych wersji IE.

Jednak oznacza to, że hack rejestru opisany w odpowiedzi @ EugeneXa dotyczący przywrócenia starych narzędzi deweloperskich nie jest już potrzebny, ponieważ nowe narzędzia programistyczne mają teraz tę funkcję, której brakowało.


[ORYGINALNA ODPOWIEDŹ]

Twórcy IE celowo zrezygnowali z możliwości przełączania trybu przeglądarki.

Nie ma wielu powodów, dla których ludzie mieliby przełączać tryby w narzędziach deweloperskich, ale jednym z głównych jest to, że chcą przetestować swoją witrynę w starych wersjach IE. Niestety, różne tryby kompatybilności, które dostarcza IE, nigdy tak naprawdę nie były w pełni kompatybilne ze starymi wersjami IE, a testowanie w trybie kompatybilności po prostu nie jest wystarczająco dobrym substytutem testowania w prawdziwych kopiach IE8, IE9 itp.

Twórcy IE to zauważyli i celowo utrudniają im popełnienie tego błędu.

Najlepszą praktyką jest użycie prawdziwych kopii każdej wersji IE do przetestowania witryny.

Różne tryby zgodności są nadal dostępne w IE11, ale można uzyskać do nich dostęp tylko wtedy, gdy witryna wyraźnie stwierdza, że ​​chce działać w trybie zgodności. Zrobiłbyś to, umieszczając X-UA-Compatiblenagłówek na swojej stronie.

Lista rozwijana Tryb dokumentu jest nadal dostępna, ale zawsze będzie oferować tylko opcje „Edge” (czyli najlepszy tryb dostępny w aktualnej wersji IE, czyli tryb IE11 w IE11) lub tryb, w którym działa strona w.

Jeśli więc przejdziesz do strony, która jest ładowana w trybie zgodności, będziesz mieć możliwość przełączania się między określonym trybem zgodności, w którym strona została załadowana, a trybem „Edge” przeglądarki IE11.

A jeśli przejdziesz do strony, która ładuje się w trybie IE11, zostanie Ci zaoferowany tylko tryb „krawędzi” i nic więcej.

Oznacza to, że nadal pozwala przetestować, jak strona w trybie zgodności reaguje na aktualizację do pracy w trybie Edge, który i tak jest jedynym naprawdę uzasadnionym przypadkiem użycia pola rozwijanego trybu dokumentu.

Obok pola wyboru Tryb dokumentu programu IE11 znajduje się iikona, która przenosi do witryny modern.ie. Chodzi o to, aby zachęcić Cię do pobrania maszyn wirtualnych, które dostarcza nam firma MS, w celu przetestowania naszych witryn przy użyciu prawdziwych kopii każdej wersji IE. Zapewni to znacznie dokładniejsze wrażenia z testowania i jest zdecydowanie zalecane jako znacznie lepsza praktyka niż testowanie przez przełączanie trybu w narzędziach programistycznych.

Mam nadzieję, że to ci trochę wyjaśnia.


8
Podczas gdy testowanie przy użyciu darmowych maszyn wirtualnych dostarczanych przez MS jest absolutnie lepsze, jest również bardziej czasochłonne. Muszę odpalić maszynę wirtualną, muszę przełączać się między kilkoma różnymi maszynami wirtualnymi i muszę ponownie instalować małe błędy za każdym razem, gdy skończy się licznik czasu aktywacji, ponieważ nie dostarczyły żadnych kluczy aktywacyjnych. Mimo to wydaje mi się, że powinniśmy być wdzięczni, że faktycznie zadali sobie trud skonfigurowania tych maszyn wirtualnych. Możesz złapać wiele pułapek ze starymi trybami kompatybilności F12, a następnie zweryfikować raz przy użyciu maszyn wirtualnych. Ale błądzę.
ivarni

7
Rozumiem, dlaczego uważają, że dobrym pomysłem jest wycofanie listy rozwijanej trybu zgodności, ale myślę, że jest to również policzek dla każdego programisty, który faktycznie spędza czas, upewniając się, że ich witryna działa w IE. Jak wspominali inni, sprawdzanie oczywistych błędów za pomocą narzędzia do sprawdzania zgodności działało dobrze. Poza tym miałeś przewagę w postaci przyzwoitego zestawu narzędzi programistycznych (w porównaniu do śmieci, które były narzędziami w IE7, a nawet 8.) Robię praktykę sprawdzania również maszyn wirtualnych, każdy dobry programista to zrobił. Ale ta zmiana będzie oznaczać, że mniej programistów będzie się przejmować działaniem starego IE.
LocalPCGuy

4
Na marginesie, nie powinienem musieć ładować pełnego systemu operacyjnego na maszynie wirtualnej, aby przetestować głupią przeglądarkę. Jeśli Microsoft naprawdę chciał, aby deweloperzy upewnili się, że ich rzeczy działają w starszych wersjach IE, powinni zapewnić lepszą DARMOWĄ opcję, aby to zrobić. W przeciwnym razie wydaje się, że zachęcają deweloperów do ignorowania starych wersji i martwienia się tylko o obejście błędów w nowszych wersjach.
LocalPCGuy

9
Nie ... BrowserStack nie jest darmowy, maszyny wirtualne są uciążliwe w użyciu (nie mów mi inaczej, mam je wszystkie skonfigurowane i muszę je resetować co 3 miesiące itd.) Są uciążliwe ). Wiem wszystko o ofercie Modern.ie i Microsoft. Microsoft rezygnuje z prostej, bezpłatnej metody, która działała w przypadku około 90% rzeczy, które większość programistów musi przetestować, i zastępuje ją niewygodnymi maszynami wirtualnymi lub płatnymi usługami. Kolor mnie nie zachwycił. Jestem jednym ze zwolenników Microsoft, pracuję głównie w sklepie .NET. Myślę, że to jest DUMB.
LocalPCGuy

4
Widzę to jako: „Spieprzyliśmy i daliśmy wam niewłaściwe narzędzia do radzenia sobie z naszymi błędami, więc teraz wskażemy wam narzędzia, które dają nam pieniądze”.
Zenexer,

19

Chociaż używanie maszyn wirtualnych jest najlepszym sposobem testowania starych IE, możliwe jest przywrócenie przestarzałych narzędzi F12 poprzez edycję rejestru, ponieważ IE11 nadpisuje tę wartość, gdy nowe narzędzie F12 jest aktywowane.

Dzięki niesamowitemu Dimitri Nickola za tę sztuczkę. wprowadź opis obrazu tutaj

To działa dla mnie (zapisz jako plik .reg i uruchom):

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
  15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1

8
Nie wiem, czy być pod wrażeniem, że komuś udało się znaleźć sposób na zhakowanie IE11, aby odzyskać stare narzędzia programistyczne, czy też przygnębiony, że byli gotowi poświęcić wszystkie niesamowite nowe rzeczy w narzędziach deweloperskich IE11 tylko ze względu na możliwość przełączania trybu przeglądarki. :-(
Spudley

7
To wszystko ma związek ze spuścizną Microsoftu w zakresie tworzenia przeglądarek niezgodnych ze standardem W3C. Nie ma nic złego w IE10 lub 11 - to dobra, nowoczesna przeglądarka. Chodzi o 9 i 8, a do niedawna 7 i 6. Ponieważ nie można zainstalować ich razem z nowoczesnym IE w Windows 8, potrzebne jest dobre narzędzie do emulacji.
Evgeny

1
Ta sztuczka jest interesująca, ale oczywiście nie jest obsługiwana przez firmę Microsoft i może mieć niezamierzone skutki uboczne.
EricLaw

5
Nie sądzę, żeby to było w ogóle bezcelowe. Mój przepływ pracy podczas testowania IE polega na pierwszym użyciu trybu zgodności z F12 i naprawieniu wszelkich znalezionych problemów, a NASTĘPNIE przechodzę przez problem z uruchomieniem maszyny wirtualnej. Jest to o wiele bardziej wydajne niż wykonywanie wszystkich testów IE na (różnych) maszynach wirtualnych.
ivarni

2
Aby ten reg hack działał dla mnie, musiałem również zaktualizować wartość ITBar7Layout64. Działało wtedy, ale zamykanie i otwieranie narzędzi F12 powodowało awarię IE :) Dobrze, że wykonałem kopię zapasową klucza reg.
Ian Yates

17

Możesz to uzyskać za pomocą emulacji (Ctrl + 8) Tryb dokumentu (10,9,8,7,5), Profil przeglądarki (komputer stacjonarny, Windows Phone)

wprowadź opis obrazu tutaj


Dziękuję za udostępnienie, gdzie to znaleźć, byłem zaskoczony! :)
Michelle

5

Najłatwiejszy sposób, zwłaszcza jeśli w MSDN, straciłem godziny, głupi stwardnienie rozsiane

http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. Otwórz okienko narzędzi deweloperskich. Aby to zrobić, naciśnij klawisz F12.
  2. Otwórz ekran emulacji. Aby to zrobić, naciśnij Ctrl + 8.
  3. Na liście Tryb dokumentu w obszarze Tryb kliknij 9.
  4. Na liście Ciąg agenta użytkownika w obszarze Tryb kliknij pozycję Internet Explorer 9.

3
To tylko uprzejma do Twojej wiadomości, spróbuj podać szczegóły rozwiązania zamiast po prostu podać link. Jeśli łącze kiedykolwiek zostanie przerwane, odpowiedź będzie bezużyteczna dla osoby w przyszłości. Link jest pomocny, ale zachowaj go jako odsyłacz do informacji, które zawarłeś w szczegółowej odpowiedzi.
Anil Natha,

4

Możesz obejść ten problem, ustawiając X-UA-Compatiblemeta nagłówek dla określonej wersji IE, z którą debugujesz. Spowoduje to zmianę trybu przeglądarki na wersję określoną w nagłówku.

Na przykład:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Aby tryb przeglądarki zaktualizował się w narzędziach deweloperskich, należy zamknąć [Narzędzia deweloperskie] i ponownie otworzyć. Spowoduje to przejście do tej konkretnej wersji.

Przełączenie z wersji podrzędnej na wersję wyższą będzie działać dobrze po odświeżeniu, ale jeśli chcesz przełączyć się z wersji podrzędnej na wersję pomocniczą, na przykład z 9 na 7, musisz otworzyć nową kartę i załadować stronę ponownie.

Oto zrzut ekranu:

wprowadź opis obrazu tutaj


2

W IE11 możemy zmienić klienta użytkownika na IE10, IE9, a nawet jako Windows Phone. To jest naprawdę dobre


3
To tylko zmienia ciąg agenta użytkownika; nie zmienia zachowania przeglądarki. Jest to całkowicie bezużyteczne do testowania zgodności.
Zenexer

2

Jak przywrócić „tryb przeglądarki” w IE11?

Łatwym sposobem przywrócenia jest po prostu przejście do emulacji (ctrl +8)

i zmień ciąg agenta użytkownika. (patrz załączony obraz)

wprowadź opis obrazu tutaj


To tylko zmienia ciąg agenta użytkownika; nie zmienia zachowania przeglądarki. Jest to całkowicie bezużyteczne do testowania zgodności. Twój przykład wykorzystuje również zgodność z X-UA.
Zenexer

2

Microsoft dysponuje narzędziem służącym do tego celu: Microsoft Expression Web. Dostępna jest darmowa wersja z wieloma śmieciami podobnymi do FrontPage / Dreamweaver, których nikt nie chce. Ważne jest to, że ma świetną funkcję testowania przeglądarki. Używam systemu Windows 8.1 Pro (wersja ostateczna, nie wersja zapoznawcza) z programem Internet Explorer 11. Mam następujące przeglądarki lokalne :

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Unsupported Version (nie mogę tego użyć; wielki ułamek, mam przeglądarkę)

Następnie otrzymuję opcję Zdalne przeglądarki (Beta). Mam się zarejestrować za pomocą prawidłowego adresu e-mail, ale wystąpił błąd komunikacji z serwerem. No cóż.

Firefox był kiedyś obsługiwany, ale teraz go nie widzę. Może się chowa.

Mogę porównać różne wersje przeglądarek. Mogę też porównać z obrazem lub najwyraźniej plikiem PSD (nie mam pojęcia, jak dobrze to działa). InDesign byłby fajny, ale to prawdopodobnie zbyt wiele.

Mam również częściowo zainstalowaną pełną wersję Expression, ponieważ Visual Studio Ultimate jest na tym samym komputerze, więc byłbym wdzięczny za potwierdzenie w komentarzu, że moja bezpłatna instalacja nie jest aktualizowana automatycznie.

Aktualizacja: wygląda na to, że usługa online została wycofana , ale lokalne przeglądarki są nadal obsługiwane. Możesz także pobrać tylko SuperPreview , bez śmieci edytora. Jeśli chcesz mieć pełne IDE, najnowszą wersją jest Microsoft Expression Web 4 (wersja bezpłatna) . Oto oficjalna lista obsługiwanych przeglądarek . Wydaje się, że IE6 wyświetla błąd w systemie Windows 8.1, ale IE7 działa.

Aktualizacja 2014-12-09: Microsoft prawie zrezygnował z tego. Nie oczekuj, że zadziała dobrze.


Ostatnim razem, gdy przeglądałem, Expression Web / Super Preview zapewnia tylko statyczne migawki strony w różnych przeglądarkach. Chociaż projektanci stron internetowych o doskonałych pikselach chcą tego, ale nie tego chcą programiści - chcemy wchodzić w interakcje ze stronami, debugować js i CSS oraz manipulować DOM, i właśnie tam pojawiają się narzędzia programistyczne IE.
saille

@saille Nie mam go w tej chwili przede mną, ale jestem prawie pewien, że jest interaktywny.
Zenexer
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.