使用meta标签指定内核渲染网页

1、使用meta标签指定360双核浏览器、QQ浏览器等以指定内核渲染网页

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

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

同时也可以同时指定多个内核名称,之间以符号”|”进行分隔,如下代码: 
<meta name="renderer" content="webkit|ie-comp|ie-stand">

360浏览器官方说明文档:http://se.360.cn/v6/help/meta.html 

QQ浏览器官方说明文档:http://browser.qq.com/wiki/index.html#!index.md

2、<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用,慢慢发展成X-UA-Compatible为我们定义浏览器的渲染方式的。可以在微软官方文档获取更多介绍。

IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则是强制 IE 使用 Chrome Frame 渲染。这里存在一个问题,如果存在客户端存在Chrome Frame并启用,那么浏览器访问页面会被Chrome内核渲染,但是如果没有呢,只能呵呵啦。

这里就不得不提Google的一个项目,那就是Chrome Frame(项目主页,需要FQ),这个项目就是在不改变IE的外观情况下使用Chrome内核,就好比如果IE是个人,那么这个人的四肢不变,但把大脑给换了一样。而上面的写法跟这个项目是有关系的,但是我们现在去访问这个页面会显示“Google Chrome Frame is no longer supported and retired as of February 25, 2014.”,也就是说在2014年的时候就已经不提供支持服务了。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />应该放到head下的第一个位置,否则可能会不起作用。



猜你喜欢

转载自blog.csdn.net/qq407949480/article/details/80061273