Заставить Internet Explorer 9 использовать режим IE 9

Я использую doctype HTML5 с мета-тегом X-UA-Compatible в верхней части:

<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en-us" class="ie6"> <![endif]-->
<!--[if IE 7]>    <html lang="en-us" class="ie7"> <![endif]-->
<!--[if IE 8]>    <html lang="en-us" class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    ...

Но Internet Explorer 9 для некоторых пользователей отображает страницу в представлении совместимости. Я подозреваю это, потому что у них включен параметр "Показать все веб-сайты в режиме совместимости". Есть ли способ заставить IE9 использовать браузер IE9 и режим документа?

Ответы

Ответ 1

Оказывается, решение заключается в установке X-UA-Compatible в HTTP-заголовке, а не в HTML:

 X-UA-Compatible: IE=edge,chrome=1

Это заставит Internet Explorer использовать последний механизм рендеринга, даже если включен "Отобразить все веб-сайты в режиме совместимости".

Ответ 2

Он также работает с этим в <head> в html:

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

Ответ 3

Мета-тег X-UA-COMPATIBLE должен быть первым тегом внутри головы, иначе он не будет работать. См. Этот ответ: fooobar.com/questions/82772/....

Весь этот материал заголовка http является излишним.

Ответ 4

пожалуйста, добавьте в раздел главы своего сайта, надеюсь, что это поможет.

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=5, IE=7, IE=8, IE=9, IE=10" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />

Ответ 5

Как сообщает JohnnyO, его нужно отправить в виде заголовка. В PHP добавьте это (до отправки любого другого выхода):

<?php header( 'X-UA-Compatible: IE=edge,chrome=1' ); ?>

В Wordpress это, вероятно, было бы лучше, если бы вы поставили его как самую первую строку в вашем файле header.php, если у вас нет вывода (или ошибок) до того, как этот файл будет отображаться, он должен работать.

Если у вас есть ошибки, выводимые в браузер, вы можете сообщить, что ошибки регистрируются только и не выводятся на экран, добавив в приложение что-то подобное:

ini_set('display_errors', 0);
ini_set('log_errors', 1);

В Wordpress, который можно добавить в верхней части файла wp-config.php.

Если у вас есть кеширование с чем-то вроде WP SuperCache или W3 Total Cache, все ставки отключены в отношении поведения вашего сайта - вам нужно будет немного поработать над тем, как добавить дополнительные заголовки с помощью вашего кэширующего плагина.

Ответ 6

@netzaffin прав - если X-UA-Compatible является первым метатег в разделе HEAD, IE9 работает.

Ответ 7

Только добавление

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

будет делать;)

Например,

<!DOCTYPE html>
<html lang="en-US" class="css3transitions"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />