Question

我的任务是使网站与现代标准保持同步。在阅读了网站统计数据之后，我意识到使用IE6和IE7仍然是一个显着的少数（几乎10％）。

幸运的是，我在这个项目上获得了创作自由。鉴于这种自由，你知道一个简单的javascript弹出窗口或库我可以用来提醒用户他们的浏览器绝望过时了吗？最好是易于理解的东西。

非常感谢未来的答案。你正在保存网页。

Answer 1

您可以使用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>

经过测试，应该可以解决问题。

编辑：

或者您可以使用www.browser-update.org上的简单JS（但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>

Answer 2

出于这种需要，我通常使用jQuery及其有价值的browser和support方法。它们一起使用，是检查浏览器版本和/或离散功能的一种非常方便的方法。

我不知道您是否已在项目中使用jQuery，但如果是这样的话，那么您就拥有了所需的一切。

Answer 3

http://www.fotochat.com

有一个例子

不记得usee脚本，但这是一种方法......

IE6和IE7保存Web弹出...存在一个简单的js文件？

3 个答案: