bytefish 2017-04-19 15:23:40 3460次浏览 1条回复 0 0 0

在公司内部网(Intranet)架设的服务器上运行yii2应用,当ie11打开页面发现页面变形,原来是因为在内部网(Intranet)环境下,IE自动运行在兼容模式,不支持jquery2,导致界面变形。 方法1:手动修改IE设置,打开IE菜单->“工具”->“兼容性视图设置”->取消“在兼容性视图中显示Intranet站点”。但是这样只能解决自己IE的问题,所以更好的方法如下。 方法2:在所有布局(layouts)文件中的< head >标签中加入一条语句:

<meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9; IE=EDGE" />

这样ie就能以11或者10或者9或者EDGE的模式运行,从而支持jquery2。 网上还有采用切换不同版本jquery文件的办法,我没有实验过,毕竟,谁还用ie6至8的话,就确实该升级一下了。

  • 回复于 2017-04-24 22:13 举报

    补充:

    如果需要给IE6到IE8的用户提示,可以参考如下js脚本,放置于布局(layouts)文件中的< body >标签中:
    
    <script type="text/javascript">
      var b_name = navigator.appName;
      var b_version = navigator.appVersion;
    
      //用";"作为分隔符,将b_version分割为数组
      var version = b_version.split(";");
      //取数组version[1],其内容为“MSIE x.0”,x为版本号;替换空格为空,变为“MSIEx.0”
      var trim_version = version[1].replace(/[ ]/g,"");
      //判断是否是ie:
      if (b_name == "Microsoft Internet Explorer")
      {
        //判断是否是ie6、ie7、ie8:
        if (trim_version == "MSIE6.0" || trim_version == "MSIE7.0" || trim_version == "MSIE8.0")
        {
         //alert("警告:\r\n    IE浏览器版本过低,请安装最新版本!");
         //可以跳到需要连接的下载网站
         //window.location.href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads";
         document.write("<div style=\"color:red;font-size:20px;\">您当前使用的IE浏览器版本低于9.0,无法正常浏览本网站!<br /><br />您可以任选一种方式解决该问题:<br />1、如果您使用的是IE浏览器,请升级版本到9.0及以上;(<a href=\"https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads\">下载IE</a>)<br />2、如果您使用的是360浏览器等双核浏览器,请使用极速模式;<br />3、使用Firefox、Chrome浏览本网站!(<a href=\"http://www.firefox.com.cn/\">下载Firefox</a>,<a href=\"http://down.tech.sina.com.cn/page/40975.html\">下载Chrome</a>)</div>")
        }
      };
    </script>
    
您需要登录后才可以回复。登录 | 立即注册