Я хочу предупредить пользователей Internet Explorer 6 с помощью моего сайта, что у IE6 были серьезные проблемы с совместимостью с моим сайтом в прошлом. Каков наилучший способ сделать это?
В идеале, я хочу, чтобы появилось сообщение (а не новое окно, но окно сообщения, если это возможно), которое предупреждает пользователей IE6 о проблемах и рекомендует их обновлять до IE7, Firefox 3 или Opera 9.5.
Если вы хотите определить, есть ли что-то, кроме браузеров поддержки, вы можете использовать обнаружение браузера jQuery, например:
<script type="text/javascript">
// check if browser is IE6 (when IE) or not FF6 (when FF)
if (($.browser.msie && $.browser.version.substr(0,1) == '6')
|| ($.browser.mozilla && $.browser.version.substr(0,1) != '3')) {
$('#browserWarning').show();
}
</script>
Обновление: Как сказал разные, гораздо лучший вариант - использовать инструкции IE if, такие как:
<style type="text/css">
/* this would probably be in a CSS file */
#browserWarning { display:none; }
</style>
<!--[if IE 6]>
<style type="text/css">
#browserWarning { display:; }
</style>
<![endif]-->
Эта опция намного лучше, потому что она не требует, чтобы версия браузера была "идеальной". Однако это не сработает, если вы хотите обнаружить другие браузеры, поскольку они не поддерживают инструкции if. Затем вы можете использовать jQuery для обнаружения браузера, хотя я бы рекомендовал попытаться избежать его как можно больше.
Лучший способ настроить IE - это использование условных комментариев. Затем вы можете добавить определенный HTML-код, который будет отображаться только в Internet Explorer.
<!--[if IE 6]>
<h1>Please upgrade your browser!</h1>
<![endif]-->
Подробнее об объекте:
Хорошо, я сделаю это легко. Нет всплывающих окон! Статистическая катастрофа. Здесь приятно мало, что сидит на вершине. Я действительно беспокоюсь о IE 6 или ранее, так как это самый большой преступник, когда дело доходит до того, что я запутался в своих проектах. Ниже приведен условный оператор (лучший способ пойти на мой взгляд).
Вставьте это в голову (введите любое содержимое):
<!--[if lte IE 6]>
<div id="warning">
<h4 class="red">Your Browser Is Not Supported!</h4><br />
<p>Please upgrade to <a href='http://getfirefox.com'>FireFox</a>, <a href='http://www.opera.com/download/'>Opera</a>, <a href='http://www.apple.com/safari/'>Safari</a> or <a href='http://www.microsoft.com/windows/downloads/ie/getitnow.mspx'>Internet Explorer 7 or 8</a>. Thank You! <a href="#" onClick="document.getElementById('warning').style.display = 'none';"><b>Close Window</b></a></p>
</div>
<![endif]-->
Придерживайтесь этого на внешнем листе. Я бы не использовал встроенный стиль.
#warning {position:relative; top:0px; width:100%; height:40px; background-color:#fff; margin-top:0px; padding:4px; border-bottom:solid 4px #000066}
Стиль, тем не менее, вы хотите - сходите! Вы можете очень точно настроить javascript для обнаружения любого браузера, поэтому, если вы знаете, как это сделать, он может добавить большую специфику.
Это будет довольно маленькая коробка, которая сидит поверх вашего контента и позволит вашим пользователям видеть, что их браузер отстой.
Условные комментарии предоставляют способ отображения содержимого только для определенных версий Internet Explorer.
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->
Существует проект под названием Push Up the Web, который советует всем пользователям обновлять до более новых версий своих браузеров. Это ненавязчиво и легко добавить.
Как некоторые предложили, лучше всего использовать условные комментарии для эффективного использования Internet Explorer.
Другим комментаторам, выпустив Internet Explorer 8 (который эффективно добавил два дополнительных браузера для тестирования: стандарты + режим совместимости), Internet Explorer 6 прошел свой курс. Настало время для этих людей обновлять браузеры, а в некоторых случаях ОС/компьютеры. Internet Explorer 6 - Сдерживание в развитии Интернета. Это утечка ресурсов для поддержки. Он достиг статуса Netscape 4. В сражении также участвуют крупные сайты и компании.
И больше:
Инициатива веб-дизайнеров информировать пользователей о обновлениях браузера
Мой совет - не использовать всплывающее окно или окно сообщения. Они очень раздражают и делают плохой опыт пользователей. Лучше вставьте несколько <div> с уведомлением и сделайте его выделенным из остальной части страницы. Не переусердствуйте, просто назначьте ему несколько цветов, которые гарантируют, что он не будет забыт
(и пожалуйста: Не используйте <blink>; -)
Хотя сообщать пользователям обновлять свои браузеры, и на самом деле они делают это было бы здорово, этого действительно не произойдет. Если пользователь не обновил свой браузер, на данный момент обычно есть причина для этого, нехватка компьютерных знаний или отсутствие контроля над самим компьютером. Например, сотрудники просматривают ваш сайт на рабочих машинах.
Я действительно думаю, что вы должны пересмотреть решение проблем, которые будут у ваших пользователей, или рассмотреть прогрессивные улучшения. Идея состоит в том, что основные функциональные возможности вашего сайта работают в каждом браузере, тогда любая дополнительная функциональность разрабатывается так, чтобы она была видна/доступна только в браузерах, которые могут ее поддерживать.
Мое предложение было бы исправить ваш сайт;) Нет, серьезно, я бы использовал небольшой баннер на верхней части страницы, как маленькие ненавязчивые диалоги в Firefox и IE. Это не сообщение или что-то, что на самом деле мешает многим.