JQUERY, предупреждение Пользователи, которые не поддерживают IE6, находятся в розыске - PullRequest
Новая
       12

JQUERY, предупреждение Пользователи, которые не поддерживают IE6, находятся в розыске

7 голосов
/ 19 января 2010

Я создаю приложение и не собираюсь сейчас поддерживать IE6. Чтобы быть справедливым по отношению к IE6, я хочу, чтобы пользователи IE6 знали об этом и не думали, что приложение было создано некомпетентными разработчиками.

Я надеялся, что будет доступен плагин JQUERY, который обеспечит хорошее оповещение в стиле StackOverflow вверху страницы, подключи и играй, и все готово. Удивительно, но я не могу найти такой плагин.

Кто-нибудь знает какие-либо плагины, которые могли бы выполнять обнаружение IE6 и как приятно иметь предупреждение? Похоже, это обычное дело в наши дни.

Спасибо

Ответы [ 4 ]

24 голосов
/ 19 января 2010

Использование условных обозначений и CSS

Если у вас есть header файл включаемого типа (или что-то вроде layout в Rails), просто используйте условные выражения IE: 

<body>
   <!--[if lte IE 6]>
      <div id="ie-warning">This site does not support IE6</div>
   <![endif]-->

А затем используйте простую стилизацию в своей таблице стилей.

Или, если вы действительно хотите jQuery:

Вот простой скрипт jQuery, который делает то, что вы хотите. Скопируйте его и сохраните в jquery.ie6.js: 

(function($){
   $(function(){
      var message = "This site does not support Internet Explorer 6. Please consider downloading a <a href='http://firefox.com'>newer browser</a>.",
          div = $('<div id="ie-warning"></div>').html(message).css({
                   'height': '50px',
                   'line-height': '50px',
                   'background-color':'#f9db17',
                   'text-align':'center',
                   'font-family':'Arial, Helvetica, sans-serif',
                   'font-size':'12pt',
                   'font-weight':'bold',
                   'color':'black'
                }).hide().find('a').css({color:'#333'}).end();
      div.prependTo(document.body).slideDown(500);
    });
})(jQuery);

А затем поместите это в head (после включения, конечно, jQuery) вашей страницы: 

<!--[if lte IE 6]>
   <script src="jquery.ie6.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->

DEMO

Эта демонстрация настроена на показ во всех браузерах 1031 *, но если вы включите ее, как я показал между if lte IE 6 условными комментариями, она будет только показывать в IE6 и более ранних версиях IE.

4 голосов
/ 19 января 2010

IE6Update . Это легкий и автономный; ему не нужен jQuery, но он будет отлично работать, если вы используете jQuery.

1 голос
/ 28 октября 2010

я знаю, что на этот вопрос уже получен ответ, но я только что обнаружил, что этот плагин jQuery позволяет вывести настроенное сообщение.

http://politeiewarning.blogspot.com/

0 голосов
/ 19 января 2010

проверьте утилиту jQuery.browser 

if ($.browser.msie && jQuery.browser.version.substr(0,1)=='6') ...
...