уведомить пользователей, что им нужно прекратить использование IE6

Question

Существуют ли плагины или шаблоны jQuery, которые люди используют, чтобы люди перестали использовать IE6 на своих сайтах?
Недавно я увидел плагин, который был очень навязчивым и оскорбительным, который «предупреждал» пользователей о зле IE6. Я ищу то, что можно показать своим клиентам.

Answer 1

Имейте в виду, что многие веб-пользователи «задерживаются» с помощью IE6 из-за ИТ-отдела их большой корпорации.

Они уже знают о необходимости обновления, и ваше сообщение еще больше усугубляет их. Зачем делать их более несчастными? По крайней мере, дайте мягкое сообщение, объясняющее, почему вы не можете поддерживать IE6.

Answer 2

Просто добавьте div, который видят только пользователи IE6.

<!--[if IE 6]>
<div>
  Using IE 6 will curve your spine, please upgrade your version
  of Internet Explorer or download Firefox, Opera, Safari or Chrome.
</div>
<![endif]-->

Answer 3

Вы можете написать код самостоятельно с помощью CSS.

Либо используйте условные комментарии в HTML, чтобы использовать конкретную таблицу стилей для IE6

<!--[if IE6]>  whatever  <![endif]--> 

или поместите сообщение в слой (div) и сделайте его видимым только для IE6:

display: none !important;
*display: block;

Answer 4

Лично я нахожу какие-либо сообщения, говорящие мне о том, чтобы использовать определенный браузер, высокомерный и признак лени со стороны разработчика / дизайнера.

Я рассуждаю так: если I каким-то образом способен создавать совместимые кросс-браузерные дизайны, почему другие не могут? Это становится еще более тривиальным, когда вы рассматриваете «нормализаторы браузера», которые существуют как библиотеки javascript или плагины JQuery, которые по существу сводят на нет незначительные различия.

Вот хороший пример того, что я имею в виду.

Answer 5

Как насчет этого? Помещает вежливую панель уведомлений в верхней части страницы. (Предоставлено think2loud , см. Эту ссылку для полного источника, образца, CSS и т. Д.).

function badBrowser(){
    if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}

    return false;
}

function getBadBrowser(c_name)
{
    if (document.cookie.length>0)
    {
    c_start=document.cookie.indexOf(c_name + "=");
    if (c_start!=-1)
        { 
        c_start=c_start + c_name.length+1; 
        c_end=document.cookie.indexOf(";",c_start);
        if (c_end==-1) c_end=document.cookie.length;
        return unescape(document.cookie.substring(c_start,c_end));
        } 
    }
    return "";
}   

function setBadBrowser(c_name,value,expiredays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

if(badBrowser() && getBadBrowser('browserWarning') != 'seen' ){
    $(function(){
        $("<div id='browserWarning'>You are using an unsupported browser. Please switch 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</a>. Thanks!&nbsp;&nbsp;&nbsp;[<a href='#' id='warningClose'>close</a>] </div> ")
            .css({
                backgroundColor: '#fcfdde',
                'width': '100%',
                'border-top': 'solid 1px #000',
                'border-bottom': 'solid 1px #000',
                'text-align': 'center',
                padding:'5px 0px 5px 0px'
            })
            .prependTo("body");

        $('#warningClose').click(function(){
            setBadBrowser('browserWarning','seen');
            $('#browserWarning').slideUp('slow');
            return false;
        });
    }); 
}