内核控制Meta标签:让360浏览器默认使用极速模式打开网页

使用wordpress的模板默认是不支持低版本IE的。

现在360浏览器的装机量又那么大,,独独只有ie浏览器的访客越来越少,,

为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签。

1,网页头部加入

<meta name=”renderer” content=”webkit”>

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

2,另外为了保险起见再加入

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

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

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

详细的介绍可以参考MSDN的文档

可是这里有一个chrome,难道IE也可以模拟chrome?

事实上,情况是谷歌做了个Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。

详细的介绍可以参考谷歌的文档:Chrome Frame: Developer Guide

关于在apache和iis中的控制办法可以参考上面谷歌这个文档里的方法。

参考文档:
浏览器内核控制Meta标签说明文档 http://se.360.cn/v6/help/meta.html

怎样修改代码使搜狗浏览器默认为高速模式 http://www.oschina.net/question/565687_120545

添加X-UA-Compatible标签,提示用户安装GFC,“兼容”IE浏览器

源码中添加:

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

IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame。

这样写可以达到的效果是如果安装了Google Chrome Frame(谷歌内嵌浏览器框架GCF),则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。

Chrome Frame可以让旧版IE浏览器使用Chrome的WebKit渲染引擎处理网页,因此旧版IE用户可以体验到包括HTML5在内的众多现代网页技术。

标记用法(给网站添加X-UA-Compatible标签):

1.最基本的用法:在页面的头部加入

<meta http-equiv=”X-UA-Compatible” content=”chrome=1″ />

用以声明当前页面用chrome内核来渲染。

复杂一些的就是本文一开始看到的那中用法:

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

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

使用CFInstall.js检测当前的IE浏览器是否安装了GCF?

利用IE的奇怪特性,如果DOM字典里不存在此标签,可使用js的document.createElement来创建,它就会添加到DOM字典里即可识别;

淘宝是添加注释的时候

<!–[if IE]>
<script src=”http://a.tbcdn.cn/p/fp/2011a/html5.js”></script>
<![endif]–>

我是这样写的:

<!–[if IE]>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js”></script>
<style>
.chromeFrameInstallDefaultStyle {
/* default is 800px width: 800px; */
border: 5px solid blue;
.chromeFrameOverlayContent
.chromeFrameOverlayContent iframe
.chromeFrameOverlayCloseBar
.chromeFrameOverlayUnderlay
}
</style>
<script>
// The conditional ensures that this code will only execute in IE,
// Therefore we can use the IE-specific attachEvent without worry
window.attachEvent(“onload”, function() {
CFInstall.check({
mode: “overlay”,
node: “prompt”,
destination: “http://clin003.com”
});
});
</script>
<![endif]–>

以上代码可以自动检测是否安装了GCF,如果没安装,则会提示用户安装,安装完成后,或自动跳转到http://clin003.com。

更详细可以参考

chrome的开发文档 Chrome Frame: Developer Guide

微软官方文档 Specifying Document Compatibility Modes

测试网页
X-UA-Compatible是IE8的专用标记,它告诉IE8采用何种IE版本去渲染网页(比如人见人烦的IE6)。不过在IE6测试的时候也是能够“提示用户安装GFC”的。
IE版本:ie6.0.0.2900.5512.xpsp_sp3_gdr.101209-1647
ie6.0.0.2900.5512.xpsp_sp3_gdr.101209-1647

IE6下提示用户安装GFC页面

CFInstall.check

安装成功后自动转到指定页面,看到chrome渲染效果。