面对网上各种浏览器: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),以此来解决部分兼容问题。