最近做的项目中,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是在用360或者QQ等双核浏览器打开网站时,发现都是以IE内核的兼容模式打开。
这里找到一种方法,可以使360浏览器或者QQ浏览器以chrome内核的极速模式打开。
设置meta标签
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
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” />
即:
<-- 默认以极速模式打开 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta name="renderer" content="webkit" />
</head>
<body>
</body>
</html>
注意: 结尾应为“ />”(注意 / 前面有空格),测试是可行的。而直接以“>”结尾,测试是不成功的。
---------------------------------------
360打开网页默认为极速模式
在head部分加如下两行代码:
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatiblecontent="IE=edge,chrome=1">
问题描述:360浏览器可兼容新css3新属性,但是只在极速模式下。打开的网页有可能是IE8状态或者兼容状态,该两种状态不支持新属性。
解决方法:HTML 中设置mate标签
<meta name="renderer" content="webkit">
但是对于那些css3的新属性也要添加-webkit-属性来支持浏览器的兼容
可完美解决样式显示不当问题。
详情参照:360浏览器官方网站:http://se.360.cn/v6/help/meta.html
------------------------------------------
让网页默认为极速模式打开
360浏览器打开网页默认是兼容模式,导致有些网页打不开,
可以在网页头部加上代码,默认改为为极速模式打开,就正常了:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
下面的代码会默认打开兼容模式
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />