禁用IE系列浏览器兼容性视图模式html代码

2015年4月8日15:49:24 评论 340 次浏览

在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。特别是作为站长,网站制作完成后,往往都要花费更长的时间来测试网页的兼容性,那么如何禁止浏览器自动选择“兼容性视图”,强制IE以高级别的可用模式显示内容呢?下面就介绍一段HTML代码。

X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式;而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。

我们常使用代码:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

来开启IE8的标准渲染模式。这种方式在只存在IE8浏览器的时候比较合适,但是后来又出现了IE9、IE10、IE11等等。我们就可以这样写:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是优先最前面的IE9,没IE9就用IE8。那么如果针对每一种都写一遍,似乎就有些冗余了。

所以我们改变方式采用代码:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Edge模式通知IE以高级别的可用模式显示内容,并禁用ie的兼容模式,在使用这段代码后可以发现,在ie浏览器上面,找不到切换兼容模式的图标了,在360浏览器上即使手动切换到兼容模式,网页样式仍旧不变。

 

weinxin
加我微信
微信扫一扫,加我微信好友,共同交流,共同进步! (备注:焦国强博客)
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: