IE6 и IE7 Сохранить веб-всплывающее окно ... простой файл JS существует? - PullRequest
Новая
       4

IE6 и IE7 Сохранить веб-всплывающее окно ... простой файл JS существует?

1 голос
/ 08 января 2012

Мне было поручено привести сайт в соответствие с современными стандартами.Прочитав статистику веб-сайта, я понял, что все еще существует значительное меньшинство (почти 10%), использующее IE6 и IE7.

К счастью, я получил творческую свободу в этом проекте.Учитывая эту свободу, вы знаете о простом всплывающем окне или библиотеке javascript, которую я могу использовать, чтобы предупредить пользователя о том, что его браузер отчаянно устарел?Желательно что-то, что имеет простые для понимания инструкции.

Большое спасибо за будущие ответы.Вы сохраняете сеть.

Ответы [ 3 ]

3 голосов
/ 08 января 2012

Вы можете использовать Modernizr и jQuery . Это также поможет вам обеспечить поддержку / нацеливание старого браузера при разработке с использованием HTML5.

Чтобы создать неподдерживаемое сообщение:

Ваш HTML-файл: 

    <!doctype html>
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>

    <script src="modernizr.js"></script>
    <script src="jQuery.js"></script>
    <script>
    $(".close-warning").click(function(){
        $(".browser-warning").fadeOut("slow");
        return false;
    });
    </script>
    <style>
    .browser-warning {
        display: none;
        background: yellow;
        width: 100%;
        border-top: solid 1px #999;
        border-bottom: solid 1px #999;
        text-align: center;
        padding: 5px 0 5px 0;
     }
    /* Target old browsers with modernizr */
    .oldie .browser-warning {
        display: block;
    }
    </style>
    </head>
        <div class="browser-warning">
            You are using an outdated browser. Please upgrade now to a modern browser in order to benefit of all our site's features:
            <a href="http://www.google.com/chrome/">Chrome</a>,
            <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://windows.microsoft.com/en-US/internet-explorer/downloads/ie">Internet Explorer</a>.  
            [<a class="close-warning" href="#">Close</a>]
        </div>
    [...]
    </html>

Это проверено и должно сработать.

Отредактировано:

Или вы можете использовать простой JS с www.browser-update.org (но файл JS находится на их сервере). 

<script type="text/javascript"> 
   var $buoop = {} 
   $buoop.ol = window.onload; 
   window.onload=function(){ 
      try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
      var e = document.createElement("script"); 
      e.setAttribute("type", "text/javascript"); 
      e.setAttribute("src", "http://browser-update.org/update.js"); 
      document.body.appendChild(e); 
   }
</script>
1 голос
/ 08 января 2012

Для таких нужд я обычно использую jQuery и его ценные браузер и поддерживают методы.Вместе они являются очень удобным способом проверки версии браузера и / или отдельных возможностей.

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

0 голосов
/ 08 января 2012

Есть пример на http://www.fotochat.com

Не могу вспомнить сценарий пользователя, но это один из способов сделать это ...

...