时不时碰到客户的浏览器为IE7,IE8,甚至IE6的,他们不能升级浏览器,因为升级后,机器中其它的重要系统无法访问。而新系统的前端又需要浏览器的支持,比如H5,SVG等等,换框架结构,成本无疑是巨大的,而且风险不可控。针对此种情况,安装Google Frame是相对非常完美的解决方案,不要求升级浏览器,只安装一个插件,且对原系统无任何干扰,新系统也可根据情况对是否使用Google Frame插件进行切换。
建立文件default.html
注意head中加入
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
表示此页面使用Chrome引擎,当然<meta http-equiv="X-UA-Compatible" content="IE=Edge“>则是不使用Chrome引擎。
以下完全代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>IE-google兼容测试</title>
<!--
<meta http-equiv="X-UA-Compatible" content="chrome=1">
-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="bootstrap/css/components.css" id="style_components" rel="stylesheet" />
</head>
<body>
<div class="page-container">
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
<div class="page-content" style="margin-left: 0 !important;">
<!-- BEGIN DASHBOARD STATS -->
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
<div class="dashboard-stat red-intense">
<div class="visual">
<i class="icon-fire"></i>
</div>
<div class="details">
<div class="number">
16255
</div>
<div class="desc">