浏览器快速兼容的一个小技巧

发布时间:2016-03-28 浏览次数:3219 文章来源:个人博客

面对网上各种浏览器:360,腾讯,YY浏览器等等,作为开发者的我们,要兼容各种浏览器,真是头疼的事情!有个兼容技巧分享给大家。


问题起因:

前段时间做一个html页面,测试都没有问题,于是上传到服务器上。结果有同事反馈说用360浏览器访问页面,页面很不友好!可是我本地的360却是正常的!对比研究许久,发现同事电脑的360都是优先选用兼容模式打开网站,这使得网站很难看(因为兼容是用IE内核。。。)为了让360浏览器打开网站的时候优先试用极速模式(采用chrome内核),上网找了一下资料,发现了解决方案。



若页面需默认用极速内核,增加标签:<meta name="renderer" content="webkit"> 

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 



360浏览器就会在读取到这个标签后,立即切换对应的极速核。

另外为了保险起见再加入

<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″ >

这样写可以达到的效果是如果安装了GCF(Google Chrome Frame),则使用GCF来渲染页面,如果没有安装GCF,则使用最高版本的IE内核进行渲染。

X-UA-Compatible:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题。


key-word
浏览器兼容 360默认极速模式 浏览器兼容小技巧 快速兼容