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

一个高的写的添加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 psp_sp3_gdr.101209-1647
ie6.0.0.2900.5512.xpsp_sp3_gdr.101209-1647

IE6下提示用户安装GFC页面

CFInstall.check

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值