Я использую новые инструменты разработчика Internet Explorer 11, чтобы переключить режим документа на "8", но условные комментарии по-прежнему игнорируются, они не правильно разбираются и ведут себя как обычные комментарии. Поэтому любой ссылочный файл внутри условного комментария не запрашивается/не загружается браузером.
Почему это происходит? Это ошибка?
Если вы считаете, что это действительно ошибка, которая должна быть исправлена, пожалуйста, зайдите и скажите, что вы тоже можете воспроизвести это в отчете об ошибке Microsoft, который сообщается по этой проблеме:
Условные комментарии не работают при эмуляции режимов документа через F12 Developer Tools.
Обновление: Сообщается, что эта проблема исправлена в указанном отчете об ошибке.
В соответствии с до Jacob Rossi [MSFT]
Это должно быть исправлено в обновлении 1 для IE11, выпущено на прошлой неделе.
Это было опубликовано 22 апреля 2014 года.
При запуске нескольких тестов я обнаружил, что это исправлено, и все работает плавно снова для тестирования самого удивительного браузера, когда-либо созданного... Internet Explorer!
Я просто попытался использовать это в Internet Explorer 11 в Windows 7, чтобы убедиться, что мой HTML5 создавались семантические элементы для Internet Explorer 8 и ниже (через условные комментарии), и браузер просто игнорирует их. -_-
Эта функция отлично работала в Internet Explorer 10, и Microsoft просто пришлось возиться с ней, не так ли?
<!--[if lte IE 8]><script src="ie8-html5.js"></script><![endif]-->
Кроме того, я действительно наслаждаюсь Internet Explorer, что делает изменения.
Это сработало для меня и кажется самым элегантным/легким решением (Internet Explorer 10 и Internet Explorer 11 Я думаю, это единственные браузеры, поддерживающие -ms-high-contract):
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
}
У меня есть другое решение для этого.
Internet Explorer 11 с включенным в Internet Explorer 8 включен режим совместимости содержит строку "MSIE 8.0", поэтому:
(пример PHP)
if (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 8.0') !== false) {
$head[] = sprintf('<link rel="stylesheet" href="ie8.css" />');
}
Недавно я столкнулся с той же проблемой. Я также обнаружил, что некоторые условные комментарии работают:
gt и lt работают нормальноgte и lte никогда не работалТаким образом, одним из возможных решений было бы изменение условных операторов для использования операторов gt и lt.
Другим вариантом, который я нашел более полезным, было использование службы, например browserstack.
У меня была одна и та же проблема - все это заводило меня орехами. Я добавил Modernizr, и я выбрал все параметры, включая yepnope.js.
Итак, теперь мой тест выглядит следующим образом:
Modernizr.load({
test: Modernizr.canvas,
nope: ['Content/Site-ie-8.min.css', 'Content/font-awesome-ie7.min.css']
});
В этом случае я проверяю на холст (который не поддерживается до Internet Explorer 9), поэтому я загружаю свой условный контент. Это теперь работает при переключении режимов браузера в Internet Explorer 11 инструментов для разработчиков.
Я не видел, чтобы это упоминалось здесь, но в этом сообщении об ошибке отмечается, что если вы измените настройки представления совместимости, условный комментарии работа как ожидалось. Итак:
Кажется, сейчас работает на моем локальном хосте. Я не тестировал это широко, но, возможно, это поможет кому-то.
Некоторые условные комментарии работают, например, "gt" и "lt", но, например,
<!--[if IE 8]> не работает. Это, безусловно, неудобно для разработчиков, которые хотят попробовать, как выглядят их веб-страницы в разных версиях браузеров Internet Explorer, но это не все плохие новости.
Хотя условные комментарии не работают, вы все равно можете проверить, как выглядит ваша веб-страница в каждой из версий Internet Explorer, добавляя таблицы стилей по одному: пусть у вас есть таблица стилей для Firefox, Chrome, Internet Explorer 10 и Internet 11, называемый "screen.css", и еще одна таблица стилей ТОЛЬКО для Internet Explorer 9 называется "screen-ie9.css", а другая ТОЛЬКО для Internet Explorer 8 называется "screen-ie8.css".
Чтобы проверить свои веб-страницы ТОЛЬКО для Internet Explorer 9, вы можете сделать это:
<link rel="stylesheet" href="path/css/screen.css" type="text/css" />
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />
и в инструментах разработчика F12, раздел "Эмуляция", установите "Режим документа" в "9" и "Строка пользовательского агента" в "Internet Explorer 9". Режим документа - это стандарт, используемый Internet Explorer 9, а строка агента пользователя - это сам браузер.
PS: Я предполагаю, что "screen.css" - это ваша базовая таблица стилей, из-за которой я вызываю ее сначала, чем "перезаписывать" Internet Explorer 9 исправляет позже, вызывая "screen-ie9.css" второй.
Таким образом, вы можете быть "уверены" (мне нужно протестировать с помощью виртуальных машин, чтобы написать слово "уверен" без кавычек), что вы просматриваете свою веб-страницу в браузере Internet Explorer 9. Когда вы закончите тестирование и стиль в Internet Explorer 9, и вы хотите протестировать с помощью Internet Explorer 8, вы можете легко сделать тот же трюк, заменив это:
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />
с этим:
<link rel="stylesheet" href="path/css/screen-ie8.css" type="text/css" />
Итак, это всего лишь вопрос неудобства MINOR со стороны Microsoft, но новые инструменты разработчиков F12 предлагают множество потрясающих функций, что делает это не так уж и много.