`
frank1998819
  • 浏览: 758371 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

    博客分类:
  • Html
 
阅读更多

这是一个,文档兼容模式的定义。
Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用以下代码强制 IE 使用 Chrome Frame 渲染
<meta http-equiv="X-UA-Compatible" content="chrome=1">

提示 IE 用户安装 Google Frame
Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>

最佳的兼容模式方案,结合考虑以上两种:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

分享到:
评论

相关推荐

    IE=edge,chrome=1的META信息详解

    meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″&gt; 但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了? 迅速搜索了一下,才明白原来不是微软增强了IE,...

    meta http-equiv=”X-UA-Compatible” content=”IE=7″ 意思是将IE8用IE7进行渲染

    `&lt;meta http-equiv="X-UA-Compatible" content="IE=7"&gt;` 这一行代码是针对Internet Explorer 8(IE8)浏览器的一个特定设置,它的作用是强制IE8以Internet Explorer 7(IE7)的标准模式来渲染网页内容。在IE8之前,...

    html中标签meta的详细使用方法和作用

    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/&gt; ``` - **解释**: - `IE=edge`:告诉IE使用最新的渲染引擎(即IE浏览器本身的最新版本)。 - `chrome=1`:如果页面检测到已安装GCF,则使用...

    x-ua-compatible content=”IE=7, IE=9″意思理解

    `X-UA-Compatible` 是一个HTTP头部响应或HTML元标签,它的作用在于解决不同IE版本之间的兼容问题。IE8引入了这一特性,允许开发者指定浏览器应使用哪个IE版本的渲染模式来解析网页。这是因为不同版本的IE浏览器对Web...

    关于IE8兼容:X-UA-Compatible属性的解释

    在 `X-UA-Compatible` 属性中添加 `chrome=1` 如下: ```html &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt; ``` 这将激活Google Chrome Frame插件,如果用户已经安装了这个插件,那么在支持的...

    IE中引入GoogleChromeFrame插件.docx

    ### IE中引入GoogleChromeFrame插件 #### 一、引言 在早期的Web开发过程中,浏览器兼容性一直是困扰开发者的一大难题。不同浏览器对于HTML、CSS及JavaScript的支持程度不一,尤其是在Internet Explorer(以下简称...

    HTML常用meta大全(推荐)

    `&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt;`针对Internet Explorer,确保使用最高版本的IE内核(Edge模式),如果装有Google Chrome Frame插件,则使用Chromium内核。 4. **响应式布局**:...

    简单实用的notie-js消息提示框插件.zip

    meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;简单实用的notie.js消息提示框插件&lt;/...

    使用X-UA-Compatible来设置IE浏览器兼容模式

    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; ``` 这里,`content`属性的值`IE=edge`告诉浏览器使用最高版本的渲染引擎,`chrome=1`则用于触发Google Chrome Frame(如果已安装),以提供更好的...

    易优cms响应式网站模板,EyouCMS网络科技公司网站模板

    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"&gt; &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt; &lt;!--首页...

    图表大屏展示-layui.zip

    &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt; &lt;meta name="renderer" content="webkit"&gt; 园区重点数据 &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt; ...

    Bootstrap实现前端登录页面带验证码功能完整示例

    本文实例讲述了Bootstrap实现前端登录页面带验证码功能。...meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;title&gt;登录&lt;/title&gt; &lt;!-- 让一些搜索引擎搜索到你的网页 -

    简洁的HTML5 Canvas赛车游戏代码.zip

    meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;简单的HTML5 Canvas赛车游戏代码&lt;/title&...

    EMlog5.31程序

    meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; ...

    HTML5SVG滑块拖动曲线图表代码.zip

    meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"&gt; &lt;link rel=...

    怎样实现H5+CSS3手指滑动切换图片的示例代码

    包含3个文件:html、slider-H5.js、jquery.js。...meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1 /&gt; &lt;meta name=viewport content=width=device-width, target-densitydpi=high-dpi, initial

    layui 富文本赋值,取值,取纯文本值的实例

    layui 富文本赋值: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;...meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1&gt; &lt;meta name=viewport content=width=device-width, initial-sca

    各主流浏览器CSS HACK列表

    - **`&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;`**: - **用途**:使IE浏览器以最高版本渲染页面。 - **示例**: ```html &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=...

    js实现旋转木马效果

    meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1&gt; &lt;meta name=viewport content=width=device-width, initial-scale=1.0&gt; &lt;title&gt;CSS3 3D transforms-旋转木马&lt;/title&gt; &lt;link...

Global site tag (gtag.js) - Google Analytics