IE兼容问题(IE运行在兼容模式,不支持jquery2,导致界面变形)(已解决) [ 求助交流 ]
在公司内部网(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的话,就确实该升级一下了。
共 1 条回复
-
补充:
如果需要给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>
bytefish
注册时间:2017-04-19
最后登录:2017-06-18
在线时长:1小时43分
最后登录:2017-06-18
在线时长:1小时43分
- 粉丝0
- 金钱30
- 威望0
- 积分40