131 votes

Comment rétablir le "mode Navigateur" dans IE11 ?

UPDATE : L'ancienne question ne s'applique qu'à l'aperçu d'IE11 ; le mode navigateur est revenu dans la version finale d'IE11. Mais il y a un hic : il est pratiquement inutile, car il n'émule pas les commentaires conditionnels. Par exemple, si vous les utilisez pour activer le support HTML5 dans les anciens IE, vous ne pourrez plus déboguer votre site dans IE11.

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

Lire la suite Question StackOverflow et IE problème de bug tracker . Microsoft n'a jamais répondu à cette question, il semble donc que l'entreprise ait introduit ce bogue dans le but d'inciter les gens à acheter des abonnements à BrowserStack. L'émulation de commentaires conditionnels fonctionnait parfaitement dans la version préliminaire.

QUESTION INITIALE : Lorsque la version préliminaire d'IE11 est installée sur Windows 7, elle est livrée avec le vieil outil F12 qui permet de changer de mode de navigation. enter image description here

Cependant, si vous allez dans le menu "Outils" et sélectionnez l'outil de développement "F12", il est remplacé par de nouveaux outils de développement, et le "mode navigateur" n'est plus disponible. enter image description here

Le seul moyen de le rétablir est de désinstaller IE11 et de le réinstaller.

Existe-t-il un moyen plus simple de passer d'un mode de navigation à l'autre dans IE11 ?

145voto

Spudley Points 85371

[MISE À JOUR]

La question originale et la réponse ci-dessous s'appliquaient spécifiquement à l'IE11. avant-premières .

Le site version finale d'IE11 fait offre en fait la possibilité de changer de mode de navigation à partir de l'onglet Emulation dans les outils de développement :

Screenshot showing browser mode selection in the emulation tab

Cela dit, le conseil que j'ai donné ici (et ailleurs) d'éviter d'utiliser les modes de compatibilité pour les tests est toujours valable : Si vous souhaitez tester la compatibilité de votre site avec d'anciennes versions d'IE, vous devez toujours effectuer vos tests dans une copie réelle de cette version d'IE.

Cependant, cela signifie que le piratage du registre décrit dans la réponse de @EugeneXa pour ramener les anciens outils de développement n'est plus nécessaire, puisque les nouveaux outils de développement ont maintenant la fonctionnalité qui lui manquait.


[RÉPONSE ORIGINALE]

Les développeurs d'IE ont délibérément a supprimé la possibilité de changer de mode de navigation.

Il n'y a pas beaucoup de raisons pour lesquelles les gens changent de mode dans les outils de développement, mais l'une des principales raisons est qu'ils veulent tester leur site dans les anciennes versions d'IE. Malheureusement, les différents modes de compatibilité fournis par IE n'ont jamais été totalement compatibles avec les anciennes versions d'IE, et les tests en mode de compatibilité ne sont tout simplement pas un substitut suffisant aux tests dans des copies réelles d'IE8, IE9, etc.

Les développeurs d'IE l'ont reconnu et rendent délibérément cette erreur plus difficile pour les développeurs.

La meilleure pratique consiste à utiliser des copies réelles de chaque version d'IE pour tester votre site.

Les différents modes de compatibilité sont toujours disponibles dans IE11, mais ne sont accessibles que si un site explicitement indique qu'il veut fonctionner en mode compat. Pour ce faire, vous devez inclure un X-UA-Compatible en-tête de votre page.

Et le menu déroulant Mode du document est toujours disponible, mais il n'offrira jamais que les options "Edge" (c'est-à-dire le meilleur mode disponible pour la version actuelle d'IE, donc le mode IE11 dans IE11) ou le mode dans lequel la page est exécutée.

Donc si vous allez sur une page qui est chargé en mode compat, vous aurez la possibilité de basculer entre le mode compat spécifique dans lequel la page a été chargée ou le mode "Edge" d'IE11.

Si vous accédez à une page qui se charge en mode IE11, seul le mode "edge" vous sera proposé, et rien d'autre.

Cela signifie qu'il vous permet toujours de tester comment une page en mode compat réagit à une mise à jour pour fonctionner en mode Edge, ce qui est à peu près le seul cas d'utilisation vraiment légitime pour la boîte de dépôt en mode document de toute façon.

La boîte de dépôt du mode document d'IE11 a un i qui se trouve à côté et qui vous renvoie au site web modern.ie. L'objectif est de vous encourager à télécharger les machines virtuelles que MS fournit pour que nous puissions tester nos sites en utilisant des copies réelles de chaque version d'IE. Cela vous donnera une expérience de test beaucoup plus précise, et est fortement encouragé comme une bien meilleure pratique que de tester en changeant le mode dans les outils de développement.

J'espère que cela explique un peu les choses pour vous.

19voto

Eugene Xa Points 2451

Bien que l'utilisation de machines virtuelles soit le meilleur moyen de tester les anciens IE, il est possible de ramener les anciens outils F12 en modifiant le registre car IE11 écrase cette valeur lorsque le nouvel outil F12 est activé.

Merci à l'incroyable Dimitri Nickolaѕ pour ce tour. enter image description here

Cela fonctionne pour moi (enregistrer comme fichier .reg et exécuter) :

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

17voto

Rajnikanth Points 657

Vous pouvez l'obtenir en utilisant Emulation (Ctrl + 8) Mode document (10,9,8,7,5), Profil du navigateur (Bureau, Windows Phone)

enter image description here

5voto

Sam Points 21

Le moyen le plus simple, surtout s'il s'agit de MSDN, j'ai perdu des heures de mon temps, stupide MS.

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

  1. Ouvrez le volet Outils du développeur. Pour ce faire, appuyez sur F12.
  2. Ouvrez l'écran Emulation. Pour ce faire, appuyez sur Ctrl+8.
  3. Dans la liste Mode de document, sous Mode, cliquez sur 9.
  4. Dans la liste des chaînes d'agents utilisateurs sous Mode, cliquez sur Internet Explorer 9.

4voto

der Points 69

Vous pouvez contourner ce problème en définissant l'option X-UA-Compatible pour la version spécifique d'IE avec laquelle vous effectuez le débogage. Cela modifiera le Mode navigateur à la version que vous spécifiez dans l'en-tête.

Par exemple :

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

Pour que le mode navigateur soit mis à jour dans les Developer Tools, vous devez fermer [les Developer Tools] et les rouvrir. Cela permettra de passer à cette version spécifique.

Pour passer d'une version mineure à une version supérieure, il suffit de rafraîchir la page, mais si vous souhaitez revenir d'une version supérieure à une version mineure, par exemple de 9 à 7, vous devez ouvrir un nouvel onglet et recharger la page.

Voici une capture d'écran :

enter image description here

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X