Come ripristinare la "Modalità browser" in IE11?


132

AGGIORNAMENTO : la vecchia domanda si applica solo all'anteprima di IE11; la modalità browser era tornata nella versione finale di IE11. Ma c'è un problema: è quasi inutile, perché non emula i commenti condizionali. Ad esempio, se li usi per abilitare il supporto HTML5 negli IE legacy, non sarai più in grado di eseguire il debug del tuo sito in IE11.

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

Leggi un'altra domanda StackOverflow e il problema con il bug tracker di IE . Microsoft non ha mai risposto a questo, quindi sembra che abbiano introdotto questo bug di proposito per guidare le persone ad acquistare abbonamenti BrowserStack. L'emulazione condizionale dei commenti ha funzionato perfettamente nella versione di anteprima.

DOMANDA ORIGINALE : Quando l'anteprima di IE11 è installata su Windows 7, viene fornito con lo strumento F12 vecchio stile che consente di modificare le modalità del browser. inserisci qui la descrizione dell'immagine

Tuttavia, se accedi al menu "Strumenti" e selezioni lo strumento per sviluppatori "F12", viene sostituito con nuovi strumenti per sviluppatori e la "Modalità browser" non è più disponibile. inserisci qui la descrizione dell'immagine

L'unico modo per ripristinarlo è disinstallare IE11 e reinstallarlo.

Esiste un modo più semplice per alternare le modalità del browser in IE11?


1
Questa sembra un'ottima domanda per un forum specifico per la SM (o forse per una segnalazione di bug!)
Mathletics,

4
@Mathletics: non è un bug, è abbastanza intenzionale.
Spudley,

2
Come diavolo sei riuscito a ottenere la prima schermata? Perché premo F12 viene visualizzato il SECONDO SCHERMO.
Sliq,

1
@Panique: era lì solo quando ho installato IE11. Probabilmente è perché ho sempre lo strumento F12 presente in IE10, quindi in qualche modo ha migrato questa impostazione. Quindi posso usare il tasto F12 per mostrarlo e nasconderlo. NON VAI AL MENU STRUMENTI. Se si desidera ripristinarlo, disinstallare prima l'aggiornamento IE11. Per me va bene.
Evgeny,

Risposte:


146

[AGGIORNARE]

La domanda originale e la risposta di seguito si applicavano in modo specifico alle versioni di anteprima di IE11 .

La versione finale di IE11 non di fatto fornisce la capacità di modalità del browser passare dalla scheda di emulazione negli strumenti dev:

Schermata che mostra la selezione della modalità browser nella scheda di emulazione

Detto questo, i consigli che ho dato qui (e altrove) per evitare di utilizzare le modalità di compatibilità per i test sono ancora validi: se si desidera testare la compatibilità del sito con versioni precedenti di IE, è necessario eseguire sempre i test in una copia reale di quelle versione di IE.

Tuttavia, ciò significa che l'hack del registro descritto nella risposta di @ EugeneXa per ripristinare i vecchi strumenti di sviluppo non è più necessario, poiché i nuovi strumenti di sviluppo hanno ora la funzione che mancava.


[RISPOSTA ORIGINALE]

Gli sviluppatori IE hanno deliberatamente deprecato la possibilità di cambiare modalità browser.

Non ci sono molti motivi per cui le persone dovrebbero cambiare modalità negli strumenti di sviluppo, ma uno dei motivi principali è perché vogliono testare il loro sito nelle vecchie versioni di IE. Sfortunatamente, le varie modalità di compatibilità fornite da IE non sono mai state del tutto compatibili con le vecchie versioni di IE e i test con la modalità compat non sono semplicemente un buon sostituto per i test in copie reali di IE8, IE9, ecc.

Gli sviluppatori IE lo hanno riconosciuto e stanno deliberatamente rendendo più difficile per gli sviluppatori fare questo errore.

La migliore pratica è utilizzare copie reali di ogni versione di IE per testare il tuo sito.

Le varie modalità di compatibilità sono ancora disponibili all'interno di IE11, ma sono accessibili solo se un sito afferma esplicitamente che vuole funzionare in modalità compatibilità. Lo faresti includendo X-UA-Compatibleun'intestazione nella tua pagina.

E la casella di selezione Modalità documento è ancora disponibile, ma offrirà sempre e solo le opzioni di "Edge" (ovvero la migliore modalità disponibile per l'attuale versione di IE, quindi la modalità IE11 in IE11) o la modalità in cui la pagina è in esecuzione nel.

Quindi, se vai su una pagina che è caricata in modalità compat, avrai la possibilità di alternare tra la modalità compat specifica in cui è stata caricata la pagina o la modalità "Edge" di IE11.

E se vai a una pagina che si carica in modalità IE11, ti verrà offerta solo la modalità "edge" e nient'altro.

Ciò significa che ti consente comunque di testare il modo in cui una pagina in modalità compat reagisce all'aggiornamento per funzionare in modalità Edge, che riguarda comunque l'unico caso d'uso veramente legittimo per la casella di selezione della modalità documento.

La casella di selezione Modalità documento IE11 ha iun'icona accanto che ti porta al sito Web modern.ie. Il punto è incoraggiarti a scaricare le macchine virtuali che MS ci fornisce per testare i nostri siti utilizzando copie reali di ogni versione di IE. Questo ti darà un'esperienza di test molto più accurata ed è fortemente incoraggiato come una pratica molto migliore rispetto ai test cambiando la modalità negli strumenti di sviluppo.

Spero che questo ti spieghi un po 'le cose.


8
Mentre il test con le macchine virtuali gratuite fornite da MS è assolutamente migliore, richiede anche più tempo. Devo avviare la VM, devo passare tra diverse VM diverse e devo reinstallare i piccoli bugger ogni volta che scade il timer di attivazione in quanto non hanno fornito alcuna chiave di attivazione. Tuttavia, suppongo che dovremmo essere grati che in realtà si siano presi la briga di configurare queste macchine virtuali. Potresti catturare molti gotcha con le vecchie modalità compat F12 e quindi verificare una volta usando le VM. Ma sto divagando.
Ivarni,

7
Capisco perché pensano che sia una buona idea deprecare il menu a discesa della modalità Compatibilità, ma penso che sia anche uno schiaffo in faccia a qualsiasi sviluppatore che effettivamente trascorre del tempo assicurandosi che il loro sito funzioni in IE. Come altri hanno già detto, il controllo di errori evidenti utilizzando il controllo di compatibilità ha funzionato bene. Inoltre hai avuto il vantaggio di un set di strumenti di sviluppo a metà decente (rispetto alla spazzatura che era gli strumenti di IE7 e persino 8.) Faccio anche una pratica di controllo nelle macchine virtuali, qualsiasi buon sviluppatore lo farebbe. Ma questo cambiamento significherà solo meno attenzione per gli sviluppatori a far funzionare le cose nel vecchio IE.
LocalPC Acquista il

4
Per inciso, non dovrei caricare un sistema operativo completo in una macchina virtuale per testare uno stupido browser. Se Microsoft voleva davvero che gli sviluppatori si assicurassero che le loro cose funzionassero nelle versioni precedenti di IE, avrebbero dovuto fornire una migliore opzione GRATUITA per farlo. Altrimenti, sembra che stiano incoraggiando gli sviluppatori a ignorare le vecchie versioni e preoccuparsi solo di aggirare i bug nelle versioni più recenti.
LocalPC Acquista il

9
No ... BrowserStack non è gratuito, le macchine virtuali sono una seccatura nel culo da usare (non dirmi diversamente, le ho tutte configurate e devo ripristinarle ogni 3 mesi, ecc ... sono una seccatura ). So tutto di Modern.ie e delle offerte di Microsoft. Microsoft sta portando via un metodo semplice e gratuito che ha funzionato per circa il 90% delle cose che la maggior parte degli sviluppatori deve testare e lo sostituisce con macchine virtuali o servizi a pagamento. Colora me non impressionato. E io sono uno dei sostenitori di Microsoft, lavoro principalmente in un negozio .NET. E penso che questo sia DUMB.
LocalPC Acquista il

4
Vedo questo come: "Abbiamo sbagliato e ti abbiamo dato gli strumenti sbagliati per affrontare i nostri errori, quindi ora ti indirizzeremo verso strumenti che ci danno soldi".
Zenexer,

19

Mentre l'utilizzo di macchine virtuali è il modo migliore per testare vecchi IE, è possibile ripristinare gli strumenti F12 vecchio stile modificando il registro poiché IE11 sovrascrive questo valore quando viene attivato il nuovo strumento F12.

Grazie ai magnifici Nicki Dimitri per questo trucco. inserisci qui la descrizione dell'immagine

Questo funziona per me (salva come file .reg ed esegui):

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
Non so se essere impressionato dal fatto che qualcuno sia riuscito a trovare un modo per hackerare IE11 per recuperare i vecchi strumenti di sviluppo, o depresso che fossero disposti a sacrificare tutte le incredibili novità negli strumenti di sviluppo di IE11 solo per il gusto di essere in grado di cambiare la modalità browser. :-(
Spudley,

7
Ciò ha tutto a che fare con l'eredità di Microsoft di produrre browser conformi allo standard non W3C. Non c'è niente di sbagliato in IE10 o 11: sono browser moderni. È tutto su 9 e 8 e, fino a poco tempo fa 7 e 6. Poiché è impossibile installarli insieme a IE moderno in Windows 8, è necessario un buon strumento di emulazione.
Evgeny,

1
Il trucco qui è interessante, ma ovviamente non supportato da Microsoft e potrebbe avere effetti collaterali non intenzionali.
EricLaw,

5
Non penso che ciò sia inutile. Il mio flusso di lavoro durante il test di IE è innanzitutto quello di utilizzare la modalità compatibilità F12 e risolvere tutti i problemi che trovo e POI ho il problema di avviare una VM. Questo è molto più efficiente rispetto a fare tutti i test IE in (diverse) VM.
Ivarni,

2
Per far funzionare questo hack reg ho dovuto anche aggiornare il valore ITBar7Layout64. Ha funzionato poi, tuttavia la chiusura e l'apertura degli strumenti F12 si è arrestata in modo anomalo IE :) Per fortuna ho fatto un backup della chiave reg.
Ian Yates,

17

Puoi ottenerlo usando la modalità Documento Emulazione (Ctrl + 8) (10,9,8,7,5), Profilo del browser (Desktop, Windows Phone)

inserisci qui la descrizione dell'immagine


Grazie per aver condiviso dove trovarlo, ero sconcertato! :)
Michelle,

5

Il modo più semplice, specialmente se in MSDN, ha perso ore del mio tempo, stupida SM

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

  1. Apri il riquadro Strumenti di sviluppo. Per fare ciò, premere F12.
  2. Apri la schermata di emulazione. Per fare ciò, premi Ctrl + 8.
  3. Nell'elenco Modalità documento in Modalità, fare clic su 9.
  4. Nell'elenco String agente utente in Modalità, fare clic su Internet Explorer 9.

3
Solo un FYI cortese, prova a includere i dettagli della risoluzione, piuttosto che semplicemente fornire un link. Se il collegamento si interrompe, la risposta è inutile per una persona in futuro. Il link è utile, ma tienilo come riferimento collegato alle informazioni che includi nella tua risposta dettagliata .
Anil Natha,

4

Puoi aggirare questo problema impostando la X-UA-Compatiblemeta header per la versione specifica di IE con cui stai eseguendo il debug. Ciò cambierà la Modalità browser alla versione specificata nell'intestazione.

Per esempio:

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

Affinché la Modalità browser si aggiorni sugli Strumenti per sviluppatori, è necessario chiudere [Strumenti per sviluppatori] e riaprire. Questo passerà a quella versione specifica.

Il passaggio da una versione secondaria a una versione più grande funzionerà bene con l'aggiornamento, ma se si desidera tornare da una versione maggiore a una versione minore, come da 9 a 7, è necessario aprire una nuova scheda e caricare il pagina di nuovo.

Ecco uno screenshot:

inserisci qui la descrizione dell'immagine


2

In IE11 possiamo cambiare l'agente utente in IE10, IE9 e persino come telefono Windows. È veramente buono


3
Questo cambia solo la stringa dell'agente utente; non cambia il comportamento del browser. È completamente inutile per i test di compatibilità.
Zenexer,

2

Come ripristinare la "Modalità browser" in IE11?

Un modo semplice per riportare è semplicemente andare su Emulazione (ctrl +8)

e cambia la stringa dell'agente utente. (vedi immagine allegata)

inserisci qui la descrizione dell'immagine


Questo cambia solo la stringa dell'agente utente; non cambia il comportamento del browser. È completamente inutile per i test di compatibilità. Inoltre, il tuo esempio sta usando X-UA-Compatible.
Zenexer,

2

Microsoft ha uno strumento proprio per questo scopo: Microsoft Expression Web. C'è una versione gratuita con un mucchio di immondizia simile a FrontPage / Dreamweaver che nessuno vuole. L'importante è che abbia un'ottima funzionalità di test del browser. Sto eseguendo Windows 8.1 Pro (versione finale, non anteprima) con Internet Explorer 11. Ottengo questi browser locali :

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /! \ Versione non supportata (impossibile utilizzarla; grande whoop, ho il browser)

Quindi ottengo un'opzione Browser remoti (Beta). Dovrei registrarmi con un indirizzo e-mail valido, ma c'è un errore di comunicazione con il server. Oh bene.

Firefox era supportato, ma non lo vedo ora. Potrebbe nascondersi.

Posso confrontare fianco a fianco tra le versioni del browser. Posso anche confrontare con un'immagine, o apparentemente, un file PSD (non ho idea di quanto bene funzioni). InDesign sarebbe carino, ma probabilmente sta chiedendo troppo.

Ho parzialmente installato anche la versione completa di Expression a causa del fatto che Visual Studio Ultimate si trova sullo stesso computer, quindi apprezzerei qualcuno che confermi in un commento che la mia installazione gratuita non si aggiorna automaticamente.

Aggiornamento: sembra che il servizio online sia stato sospeso , ma i browser locali sono ancora supportati. Puoi anche scaricare solo SuperPreview , senza l'editor spazzatura. Se si desidera l'IDE completo, l'ultima versione è Microsoft Expression Web 4 (versione gratuita) . Ecco l' elenco ufficiale dei browser supportati . IE6 sembra dare un errore su Windows 8.1, ma IE7 funziona.

Aggiornamento 2014-12-09: Microsoft ha praticamente rinunciato a questo. Non aspettarti che funzioni bene.


L'ultima volta che ho visto Expression Web / Super Preview fornisce solo istantanee statiche di una pagina in vari browser. Mentre questo è ciò che vogliono i progettisti Web perfetti per i pixel, non è quello che vogliono gli sviluppatori: vogliamo interagire con pagine, debug js e CSS e manipolare il DOM, ed è qui che entrano in gioco gli strumenti di sviluppo di IE.
saille

@saille Al momento non ce l'ho, ma sono abbastanza sicuro che sia interattivo.
Zenexer,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.