Почему IE9 переключается в режим совместимости на моем сайте?

Question

Почему IE9 переключается в режим совместимости на моем сайте?

197

Я только что установил бета-версию IE9 и на определенном сайте, который я создал (HTML5). IE9 перескакивает в режим совместимости, если я не скажу ему вручную. Я попытался удалить несколько частей сайта, но никаких изменений. Включает удаление всех CSS. На каком-то другом сайте меня все идет хорошо.

Кроме того, не устанавливайте его вручную, потому что тогда IE9 запоминает пользовательский параметр, и вы не можете вернуть его обратно в автоматическое (или, по крайней мере, я не нашел, даже не используя частный просмотр и очищающий кеш)

В любом случае. Сайт, на котором он переходит в режим совместимости: http://alliancesatwar.com/guide/
Там, где он делает правильный: http://geuze.name/basement/ (я не могу разместить более 1 гиперссылки)

Оба используют один и тот же doctype и все. Эти сайты имеют много общего (помимо внешнего вида), используя один и тот же базовый шаблон (кодирование, метатеги, doctype и один и тот же javascript).

Было бы здорово, если бы у кого-то был ответ для меня! Веб-сайт HTML5, который отображается в IE7-режиме, довольно... lame.

René 16 сен. 2010, в 11:52

Источник

5

Объясните пожалуйста "переход в режим совместимости"? Если вы видите обновление страницы и всплывающее окно с сообщением о том, что IE обновил эту страницу в представлении совместимости из-за проблемы, это означает, что вы обнаружили ошибку IE под названием «hard assert», которая похожа на сбой в механизме рендеринга. , Мы заинтересованы в поиске и исправлении этих проблем; пожалуйста, отправьте сообщение об ошибке по адресу connect.microsoft.com/ie . Спасибо!
EricLaw 01 окт. 2010, в 14:31

Теги:

html5

css3

internet-explorer-9

compatibility-mode

8 ответов

34

Я положил

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

первая вещь после

<head>

(Я читаю его где-то, я не помню)

Я не мог поверить, что это сработало!!

pkario 17 март 2011, в 17:22

0

Вы должны закрыть вкладку и открыть новую вкладку, вы пробовали это?
Zeb 22 сен. 2011, в 10:47
1

Он сказал "сделал" не "не";)
Nathan J. Brauer 16 авг. 2012, в 19:32
14

+1, это очень ценная заметка . Если у вас есть <script> внутри <head> перед этим meta оператором, он (IE = edge) будет проигнорирован.
jakub.g 28 сен. 2012, в 15:02

Показать ещё 1 комментарий

22

Чтобы заставить IE отображать в режиме стандартов IE9, вы должны использовать

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

Некоторые условия могут привести к переходу IE9 в режимы совместимости. По умолчанию это может происходить на сайтах интрасети.

Delan Azabani 16 сен. 2010, в 12:21

0

Это работает на другом сайте. Так что этого не должно быть. Кроме того, этот метатег является злым, поскольку вам придется обновлять его вручную каждый раз, когда появляется новая версия IE.
René 16 сен. 2010, в 12:16
2

Извините, я не могу решить вашу проблему. Тем не менее, я отредактировал свой ответ, чтобы вместо него использовать IE=edge , что всегда вызывает использование самого последнего доступного движка.
Delan Azabani 16 сен. 2010, в 12:18
0

Ваше предположение неверно. Демонстрации указывают X-UA-Compatible, чтобы в IE не отображалась кнопка просмотра в режиме совместимости, поскольку, если пользователь нажмет ее, содержимое сайта будет работать некорректно.
EricLaw 01 окт. 2010, в 14:30
0

@ReneGeuze, вы ошиблись. Edge всегда ссылается на последнюю версию IE.
neoswf 09 март 2012, в 14:25
0

@ Shlomi.A. Ответ был отредактирован. Сначала использовал IE = 9
René 04 апр. 2012, в 09:02
0

@DelanAzabani мой портал внутренней сети переключился в режим совместимости, даже если я добавил метатег, как вы предложили. пожалуйста, предложите, как это могло бы разрешиться и остаться на примере стандартного режима - IE 8, совместимость IE 8, тогда я хочу только IE 8.
dsi 25 фев. 2014, в 11:01

Показать ещё 4 комментария

6

Я написал этот комментарий в отдельном потоке StackOverflow, но подумал, что стоит повторить здесь:

Для нашего собственного приложения ASP.Net добавление тега "X-UA-Compatible" на веб-странице, в файле web.config или в коде, не имеет абсолютно никакого значения.

Единственное, что сработало для нас, - это вручную отключить этот параметр в IE8:

(Вздох.)

Эта проблема возникает только с IE8 и IE9 на сайтах интрасети. Внешние сайты будут работать нормально и использовать правильную версию IE8/9, но для внутренних веб-сайтов IE9 внезапно решает это на самом деле IE7 и не имеет поддержки HTML 5.

Нет, я тоже не совсем понимаю эту логику.

Мое неохотное решение состояло в том, чтобы проверить, поддерживает ли браузер поддержку HTML 5 (создавая холст и проверяя, действительно ли он), и отображая это сообщение пользователю, если оно недействительно:

Это не особенно удобно, но пользователь может отключить эту раздражающую настройку кажется, единственный способ позволить им правильно управлять веб-приложениями HTML 5.

Или попросите пользователей использовать Chrome.; -)

Mike Gledhill 13 фев. 2014, в 09:32

1

Как и в случае с более современными веб-сайтами, если вы используете условные выражения в своем теге html в соответствии с шаблоном, это по какой-то причине приведет к тому, что ie9 по умолчанию будет работать в режиме совместимости. Исправление состоит в том, чтобы переместить ваши условные выражения из тега html и добавить их в тег тела, другими словами, из раздела главы. Таким образом, вы все равно можете использовать эти классы в своей таблице стилей для ориентации на старые браузеры.

uknowit2 25 фев. 2015, в 14:53

1

На сайте http://www.HTML-5.com/index.html есть метатег, совместимый с X-UA, но по-прежнему входит в представление совместимости, как указано в "разорванном page" в адресной строке. Как вы получаете параметр меню, чтобы заставить IE 9 (окончательная версия 9.0.8112.16421) отображать страницу в режиме стандартов? Я попытался щелкнуть правой кнопкой мыши этот разрывающий значок страницы, а также трюк "Alt", чтобы отобразить дополнительные опции меню, упомянутые Rene Geuze, но они не сработали.

Rob at TVSeries.com 18 март 2011, в 20:10

4

Удалите условный комментарий IE вокруг мета. Вы обслуживаете страницу как application/xhtml+xml , поэтому используются правила синтаксического анализа XML; XML не поддерживает условные комментарии. В любом случае это не имеет никакого смысла; браузер должен выбрать режим, прежде чем он сможет решить, какие условные комментарии следует интерпретировать.
bobince 03 фев. 2012, в 13:45

0

Мне недавно пришлось решить эту проблему, и вот что я сделал:

Прежде всего, это решение связано с настройкой сервера Apache.

Вторая основная мысль заключается в том, что в IE9 есть ошибка, которая означает, что метатег не будет работать, вместо этого решения попробуйте это

найдите/откройте свой httpd.conf
раскомментировать/или добавить следующую строку
```
LoadModule headers_module modules/mod_headers.so
```

добавить следующие строки

<IfModule headers_module>
    Header set X-UA-Compatible: IE=EmulateIE8
</IfModule>

сохранить/перезагрузить сервер Apache,
перейдите на страницу с IE9, используйте такие инструменты, как wireshark или скрипт или использовать инструменты разработчика IE, чтобы проверить заголовок там

Abderrazak BOUADMA 30 нояб. 2012, в 16:49

0

Выглядит хорошо для меня:

Вы уверены, что не были в настройках глобально или что-то еще? Это чистая установка бета-версии в Windows 7. Средства разработчика сообщают, что страница по умолчанию работает в стандартном режиме IE9.

Yi Jiang 16 сен. 2010, в 12:40

0

У меня было более 1 сообщения об этой ошибке. Хотя, возможно, это связано с базовым каталогом ( alliancesatwar.com ), что он также отображает все вложенные каталоги в режиме совместимости. Но тогда у меня возникает вопрос, что в корне сайта заставляет IE рендерить сайт в режиме совместимости? Так что, возможно, по крайней мере, это руководство написано правильно. Я надеюсь, что так.
René 16 сен. 2010, в 12:18
0

@Rene Strange, я только что воспроизвел его, нажав на ссылку «Руководство» на главной странице. Но это произошло только один раз, и после нескольких попыток мне еще только предстоит воспроизвести это, только один раз
Yi Jiang 16 сен. 2010, в 12:28

Ещё вопросы

Объясните пожалуйста "переход в режим совместимости"? Если вы видите обновление страницы и всплывающее окно с сообщением о том, что IE обновил эту страницу в представлении совместимости из-за проблемы, это означает, что вы обнаружили ошибку IE под названием «hard assert», которая похожа на сбой в механизме рендеринга. , Мы заинтересованы в поиске и исправлении этих проблем; пожалуйста, отправьте сообщение об ошибке по адресу connect.microsoft.com/ie . Спасибо!
Вы должны закрыть вкладку и открыть новую вкладку, вы пробовали это?
+1, это очень ценная заметка . Если у вас есть <script> внутри <head> перед этим meta оператором, он (IE = edge) будет проигнорирован.
Это работает на другом сайте. Так что этого не должно быть. Кроме того, этот метатег является злым, поскольку вам придется обновлять его вручную каждый раз, когда появляется новая версия IE.
Извините, я не могу решить вашу проблему. Тем не менее, я отредактировал свой ответ, чтобы вместо него использовать IE=edge , что всегда вызывает использование самого последнего доступного движка.
Ваше предположение неверно. Демонстрации указывают X-UA-Compatible, чтобы в IE не отображалась кнопка просмотра в режиме совместимости, поскольку, если пользователь нажмет ее, содержимое сайта будет работать некорректно.
@ReneGeuze, вы ошиблись. Edge всегда ссылается на последнюю версию IE.
@ Shlomi.A. Ответ был отредактирован. Сначала использовал IE = 9
@DelanAzabani мой портал внутренней сети переключился в режим совместимости, даже если я добавил метатег, как вы предложили. пожалуйста, предложите, как это могло бы разрешиться и остаться на примере стандартного режима - IE 8, совместимость IE 8, тогда я хочу только IE 8.
Удалите условный комментарий IE вокруг мета. Вы обслуживаете страницу как application/xhtml+xml , поэтому используются правила синтаксического анализа XML; XML не поддерживает условные комментарии. В любом случае это не имеет никакого смысла; браузер должен выбрать режим, прежде чем он сможет решить, какие условные комментарии следует интерпретировать.
У меня было более 1 сообщения об этой ошибке. Хотя, возможно, это связано с базовым каталогом ( alliancesatwar.com ), что он также отображает все вложенные каталоги в режиме совместимости. Но тогда у меня возникает вопрос, что в корне сайта заставляет IE рендерить сайт в режиме совместимости? Так что, возможно, по крайней мере, это руководство написано правильно. Я надеюсь, что так.
@Rene Strange, я только что воспроизвел его, нажав на ссылку «Руководство» на главной странице. Но это произошло только один раз, и после нескольких попыток мне еще только предстоит воспроизвести это, только один раз

bobince · Accepted Answer · 2010-09-16T13-27-00.000Z

275

Лучший ответ

Работает в IE9 documentMode для меня.

Без X-UA-Compatible header/meta для установки явного documentMode вы получите режим, основанный на:

перед тем, как пользователь нажал кнопку "Совместимость" в этом домене;
возможно, также, произошло ли это автоматически из-за какого-либо другого содержимого на сайте, вызвавшего аварийный рендеринг IE8/9 и возвращающегося назад к старому средству визуализации;
ли пользователь решил поместить все сайты в режим совместимости по умолчанию,
указывает ли IE, что сайт находится в вашей интрасети, и поэтому по умолчанию отображается представление совместимости;
относится ли данный сайт к собственному списку веб-сайтов Microsoft, для которого требуется просмотр совместимости.

Вы можете изменить эти параметры в меню "Инструменты → Параметры совместимости" в меню IE. Конечно, это меню теперь скрытно скрыто, поэтому вы не увидите его, пока не нажмете Alt.

Как автор сайта, если вы уверены, что ваш сайт соответствует стандартам (хорошо проявляется в других браузерах и использует функцию обнюхивания, чтобы решить, какие браузерные способы использования), я предлагаю использовать:

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

или HTTP-заголовок:

X-UA-Compatible: IE=Edge

чтобы получить последний рендерер, независимо от того, какая версия IE используется.

bobince 16 сен. 2010, в 13:27

79

Важное примечание: если IE 9 настроен на постоянное отображение сайтов интрасети в режиме совместимости, ни метатег, ни заголовок HTTP не будут переопределять это.
Jacob 07 апр. 2011, в 19:40
29

Как упоминает Джейкоб, IE может по умолчанию отображать все локальные / интранет-сайты в режиме Compat. Нажмите alt -> Tools Compatability View settings и убедитесь, что у вас не установлен флажок.
Cory Mawhorter 15 авг. 2011, в 20:27
29

Мета-тег работал только для меня, когда я поместил его сразу после <head> (см. Также ответ ниже). Когда я поместил его дальше в элемент <head>, это не сработало (я все еще получил разорванную страницу).
Boris van Schooten 03 фев. 2012, в 12:27
1

Хотя, конечно, достаточно просто проверить вышеупомянутые параметры, и это проявилось в том, что localhost и http: // [MachineName] отрисовывались по-разному. Localhost, по-видимому, не считается сайтом интрасети для обеспечения совместимости IE9.
Carth 24 фев. 2012, в 14:44
2

@ Борис ван Скотэн: Я бы дал тебе 100 голосов, если бы мог; Я рвал на себе волосы из-за этого.
LaundroMat 23 апр. 2012, в 18:30
1

@Jacob: Ты прав. Я не мог заставить это работать на моем сайте интранета также. Единственным вариантом было бы, чтобы каждый пользователь вручную изменил эту настройку по умолчанию в IE (что никогда не произойдет). Не круто, что Microsoft включила меня в «совместимость» браузеров с 2006 года без какого-либо программируемого решения или выхода из этого.
MikeTeeVee 08 май 2012, в 20:23
12

@Jacob: Это вводит в заблуждение. Да, вы будете в режиме совместимости браузера, и нет никакого выхода. Но вы все равно можете использовать HTTP-заголовок, чтобы установить режим документа, в котором когда-либо версия IE будет работать лучше для вашего сайта. IE = Edge всегда должен предоставлять вам новейший движок рендеринга. Таким образом, даже если вы технически находитесь в режиме совместимости, ваши страницы могут отображаться, как будто в обычном режиме. Поправьте меня, если я ошибаюсь, но по крайней мере наш сайт в интрасети работает точно так же (даже если установлен флажок «Отображать сайты интрасети в режиме совместимости»).
mkataja 24 авг. 2012, в 08:58
1

@CoryMawhorter: Большое вам спасибо за это! Я всюду искал настоящее меню «Инструменты», которое находится спереди и по центру в IE8, но скрыто в IE9 («шестеренка» - это не меню «Инструменты» в IE9). Я полностью забыл, что нажатие на Alt показывает настоящие меню.
CoreDumpError 19 сен. 2012, в 23:33
6

@BorisvanSchooten: я не знаю, является ли это причиной, но теги <meta> должны находиться в первых 512 байтах обработанного файла HTML. Я говорю «обработано», потому что вы можете иметь все виды PHP, но визуализированный код - это то, что важно. Я попал туда, где разместил все свои комментарии о <meta> под тегами <meta> , чтобы не нарушать требования.
doubleJ 16 окт. 2012, в 03:44
1

@BorisvanSchooten: Кроме того, я только что узнал, что это должно быть перед любым загруженным контентом (например, favicon) из этого блога msdn .
doubleJ 16 окт. 2012, в 03:51
0

Если вы можете использовать HTTP-заголовок, это немного лучше для производительности, потому что он предотвращает потенциальный перезапуск анализатора браузера.
PussInBoots 19 апр. 2013, в 11:55
0

Я отправил ответ только под этим, поскольку я попробовал это решение, но оно действительно не работает. смотри мой ответ
Abderrazak BOUADMA 26 апр. 2013, в 21:41
0

у нас был случай, когда оставленные в консоли параметры console.log (), по-видимому, запускают режим совместимости IE9, несмотря на наличие мета IE = edge.
Luke Barker 24 фев. 2014, в 13:06
0

@mkataja Настройка браузера превосходит все. т. е. если в браузере проверены Инструменты> Просмотр совместимости, то и заголовок HTML, и заголовок HTTP переопределяются.
Snowcrash 05 авг. 2014, в 15:04
0

@SnowCrash В IE-11 метатег предотвращает рендеринг сайта интрасети в режиме IE-7 даже при включенной настройке представления совместимости.
Todd Ropog 22 авг. 2014, в 15:53
0

@ToddRopog, который не случился, когда мы попробовали это. то есть с представлением совместимости, отображаемым в режиме IE7 даже с метатегом, установленным в HTML.
Snowcrash 29 авг. 2014, в 08:39
0

Я искал время от времени, пытаясь заставить стиль максимальной ширины работать должным образом, и это помогло нашей интрасети. Надеюсь, он будет работать на одном из наших приложений, как только он выйдет в эфир в Интернете ...
Zath . 30 дек. 2014, в 18:38
0

Это должен быть первый метатег в разделе заголовка.
Mandeep Pasbola 09 фев. 2015, в 07:22
0

Настройки интранета в IE9, о которых говорил Джейкоб, - вот что меня покорило. У меня есть метатег X-UA-Compatible в качестве второго метатега под заголовком head, и он отлично работает для меня, как только я отключил опцию интрасети.
HartleySan 22 дек. 2015, в 15:46

Показать ещё 17 комментариев