Comment puis-je désactiver le Mode de Compatibilité bouton dans IE9?

Je ne peut pas désactiver l'IE mode de Compatibilité bouton dans IE9.

Ma tête et doctype ressembler à ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lte IE 8]> 
  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en" class="ie8">
 <![endif]-->
<!--[if IE 9]> 
  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en" class="ie9">
<![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en">
<!--<![endif]-->
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="meta content here" />
  </head>
  <body>
    <!-- page content here //-->
  </body>
</html>

Comment puis-je désactiver le mode de compatibilité bouton dans IE9?

Je pensais que je faisais mes recherches. J'ai appliqué tous les types de solution de repli pour afficher tout ce que l'amende dans tous les IE de 7 à 9 et de.

Le client se plaint du mode de compatibilité qui lorsqu'il est activé, il crée la mise en page. Est-il possible de désactiver ce bouton?

OriginalL'auteur Cyrax | 2011-07-30

  1. 18
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    Chrome frame a été abandonné par Google à compter de janvier 2014 de sorte que le chrome=1 partie est
    pas nécessaire

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

    Le "bord" des forces normes de la mode (ou le dernier moteur de rendu) dans IE et le "chrome" est pour google Chrome Frame.

    Plus d'infos disponibles ici:

    J'ai finalement eu que cela fonctionne (même si je ne comprend pas le chrome bits), quand j'ai déménagé cette balise jusqu'à la première chose après <head>
    L'emplacement au sein du <head> ne compte pas. Mais les balises conditionnelles telles que <!--[if gte IE 8]> d'interférer avec la bonne balise meta, afin de ne pas les utiliser. La meta qui cause le mode de compatibilité bouton à disparaître (testé dans IE10 sous Windows 7) est <meta http-equiv="X-UA-Compatible" content="IE=edge">

    OriginalL'auteur

  2. 5

    J'ai été en utilisant les commentaires conditionnels en haut de la page pour intégrer un ie classe basée sur la version. (par exemple:)

    <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->

    Comme un résultat, même si j'étais réglage de la X-UA-Compatible balise meta, le Mode de Compatibilité bouton était toujours montré dans IE.

    À corriger, j'ai dû déplacer les commentaires conditionnels vers le bas de la page et l'utiliser JS pour appliquer la ie classes. La Compatibilité bouton n'est plus affiché dans internet explorer lors de l'affichage de mon site.

    <html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=10; IE=EDGE; chrome=1">
  <head>
  <body>
     <!-- ..Other content... -->
  <script type="text/javascript">
   window.flagAsIE = function(version) {
     var cls = document.body.parentElement.getAttribute('class');
     document.body.parentElement.setAttribute('class', "ie ie" + version + " " + cls);
   };
  </script>

  <!--[if lt IE 7 ]><script type='text/javascript'>flagAsIE('6');</script><![endif]-->
  <!--[if IE 7 ]><script type='text/javascript'>flagAsIE('7');</script><![endif]-->
 </body>
</html>

    OriginalL'auteur

  3. 4

    Voici la réponse:

    http://blogs.msdn.com/b/jonbox/archive/2011/03/27/removing-the-ie9-compatibility-button-and-html1115-warning.aspx

    Modifier l'ordre de vos balises meta.

    Le problème persiste. Même si je l'ai changer pour: <head> <meta http-equiv="X-UA-Compatible" content="IE=9">
    Avez-vous de vérifier d'éventuels messages similaires dans la console? Que vous êtes en utilisant les commentaires conditionnels pour déclarer la balise HTML soulève des drapeaux pour moi.
    Je suis à l'aide d'une solution proposée par Paul Irish comme un moyen de traiter avec les x-compatibilité avec les navigateurs. Seules les variables de ciblage particula navigateur obtenir analysée. Pas de messages popup dans la console.
    L'article que vous avez lié à son tour à d'autres liens à un SVG avec le diagramme des flux de travail pour décider du mode d'utilisation. Depuis qu'il est 404, j'ai eu de Archive.org et mettre le SVG ici, résultant d'image PNG ici.

    OriginalL'auteur

  4. 1

    J'ai trouvé que c'était les commentaires conditionnels qui ont été à l'origine le bouton apparaisse. La suppression de ces et en utilisant la fonction de détection de la place pour ajouter mon code html classes a résolu ce problème. Aucun montant de bricoler avec le X-UA-Compatible choses serait de supprimer le bouton.

    J'ai utilisé cet ensemble de has.js détecte:

    if (has("css-border-radius") && !has("input-attr-placeholder")) {
    html.className += ' ie9';
}

if (!has("css-border-radius") && !has("input-attr-placeholder")) {
    html.className += ' lt-ie9';
}

if (!has("css-box-sizing")) {
    html.className += ' ie7';
}

    OriginalL'auteur

  5. 0

    Le Problème, c'est que quelque part dans votre code js vous utilisez la détection de browser de code comme document.tous, d'une fenêtre.ActiveXObject, navigatror.userAgent, attachEvent, detachEvent etc.

    Remplacer tout avec fonction de détection de code à l'aide de
    jquery.soutien et le bouton de disparaître.

    OriginalL'auteur