一个乐于分享的博客
关注互联网折腾服务器分享码农的日常

Chrome Frame一键搞定IE6/7/8网页兼容问题

Chrome Frame一键搞定IE6/7/8网页兼容问题

Google Chrome Frame是谷歌推出的一款IE插件,可以一键切换IE为Chrome内核。用户不用切换浏览器,依然使用熟悉的IE界面,就能享受到Chrome的极速与便利。

写这篇文章似乎有点过时了,因为Google早在2014年就停止了这个软件的维护和更新。但是ChromeFrame确实解决了岩兔站的大问题。所以还是决定分享一下。

客户端改造

客户端首先要安装Chrome Frame软件,因为国内你懂的原因,和官方不再维护的关系,所以岩兔站直接给出离线安装包。

度盘链接: https://pan.baidu.com/s/1wrzrZ2TfyWR_cSYmrTTuRw 密码: f3gz

版本:30.0.1599.101

检查是否安装成功,在IE浏览器中输入gcf:about:version,能显示Chrome Frame版本信息即为安装成功。

Chrome Frame一键搞定IE6/7/8网页兼容问题

网页改造

首先要让所有IE浏览器安装Chrome Frame,这就需要程序自动判断浏览器版本,并给出相应的提示以及下载。判断浏览器版本有两种方式,一种Html直接判断浏览器版本,一种是利用JS获取浏览器ua标识进行判断,岩兔站给出两种方法的示例代码:

Html判断浏览器

HTML自动判断浏览器,如果是IE8及以下版本的浏览器,给出下载提示

<!-- [if lt IE 8]>
 some code……
<![endif]-->

JS判断浏览器

function getExplore(){
  var Sys = {};  
  var ua = navigator.userAgent.toLowerCase();  
  var s;  
  (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
  (s = ua.match(/msie ([\d\.]+)/)) ? Sys.ie = s[1] :  
  (s = ua.match(/edge\/([\d\.]+)/)) ? Sys.edge = s[1] :
  (s = ua.match(/firefox\/([\d\.]+)/)) ? Sys.firefox = s[1] :  
  (s = ua.match(/(?:opera|opr).([\d\.]+)/)) ? Sys.opera = s[1] :  
  (s = ua.match(/chrome\/([\d\.]+)/)) ? Sys.chrome = s[1] :  
  (s = ua.match(/version\/([\d\.]+).*safari/)) ? Sys.safari = s[1] : 0;  
  // 根据关系进行判断
  if (Sys.ie) return ('IE: ' + Sys.ie);  
  if (Sys.edge) return ('EDGE: ' + Sys.edge);
  if (Sys.firefox) return ('Firefox: ' + Sys.firefox);  
  if (Sys.chrome) return ('Chrome: ' + Sys.chrome);  
  if (Sys.opera) return ('Opera: ' + Sys.opera);  
  if (Sys.safari) return ('Safari: ' + Sys.safari);
  return 'Unkonwn';
}

自动启用Chrome Frame

安装上客户端是不会直接调用的,还需要页面增加meta信息指定调用的内核,只需要在页面<head>标签中加入以下代码

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

另一种方式是利用gcf:头强制调用谷歌内核,这块岩兔站没有测试成功,官方的使用方法为域名前增加gcf:

使用方法如下:gcf:https://bak.yantuz.cn:8000

效果展示

在IE下打开网页,空白处右键如果显示Chrome菜单,则证明ChromeFrame正常启用。

Chrome Frame一键搞定IE6/7/8网页兼容问题

虽然Chrome Frame现在版本比较旧,但是兼容性和速度仍然要优于IE8,所以遇到无法解决的兼容性问题,可以尝试Chrome Frame解决。

转载务必注明出处:岩兔站 » Chrome Frame一键搞定IE6/7/8网页兼容问题
赞 (1) or 打赏

讨论区 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址