- 浏览: 44586 次
- 性别:
- 来自: 深圳
最新评论
content = "IE=edge,chrome=1" 详解
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:
< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了?
迅速搜索了一下,才明白原来不是微软增强了IE,而是谷歌做了个外挂:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,谷歌这个墙角挖的真给力!
而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。
GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/
安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com
但是如果想要在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF再使用IE内核进行渲染,该如何进行呢?
就是使用这个标记。
标记用法:
阅读了下chrome的开发文档(http://www.chromium.org/developers/how-tos/chrome-frame-getting-started,需翻-墙),下面来简单讲解一下这个标记的语法。
1.最基本的用法:在页面的头部加入
1< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >
用以声明当前页面用chrome内核来渲染。
复杂一些的就是本文一开始看到的那中用法:
1< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。
2.通过修改HTTP头文件的方法来实现让指定的页面使用GCF内核进行渲染:
在HTTP的头文件中加入以下信息:X-UA-Compatible: chrome=1
在Apache服务器中,确保 mod_headers 和 mod_setenvif文件可用,然后在httpd.conf中加入以下配置信息:
< IfModule mod_setenvif.c>
< IfModule mod_headers.c>
BrowserMatch chromeframe gcf
Header append X-UA-Compatible "chrome=1" env=gcf
在IIS7或者更高版本的服务器中,只需要修改web.config文件,添加如下信息即可即可:
< configuration >
< system.webServer >
< httpProtocol >
< customHeaders >
< add name = "X-UA-Compatible" value = "chrome=1" />
</ customHeaders >
</ httpProtocol >
</ system.webServer >
</ configuration >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:
< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了?
迅速搜索了一下,才明白原来不是微软增强了IE,而是谷歌做了个外挂:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,谷歌这个墙角挖的真给力!
而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。
GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/
安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com
但是如果想要在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF再使用IE内核进行渲染,该如何进行呢?
就是使用这个标记。
标记用法:
阅读了下chrome的开发文档(http://www.chromium.org/developers/how-tos/chrome-frame-getting-started,需翻-墙),下面来简单讲解一下这个标记的语法。
1.最基本的用法:在页面的头部加入
1< meta http-equiv = "X-UA-Compatible" content = "chrome=1" >
用以声明当前页面用chrome内核来渲染。
复杂一些的就是本文一开始看到的那中用法:
1< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。
2.通过修改HTTP头文件的方法来实现让指定的页面使用GCF内核进行渲染:
在HTTP的头文件中加入以下信息:X-UA-Compatible: chrome=1
在Apache服务器中,确保 mod_headers 和 mod_setenvif文件可用,然后在httpd.conf中加入以下配置信息:
< IfModule mod_setenvif.c>
< IfModule mod_headers.c>
BrowserMatch chromeframe gcf
Header append X-UA-Compatible "chrome=1" env=gcf
在IIS7或者更高版本的服务器中,只需要修改web.config文件,添加如下信息即可即可:
< configuration >
< system.webServer >
< httpProtocol >
< customHeaders >
< add name = "X-UA-Compatible" value = "chrome=1" />
</ customHeaders >
</ httpProtocol >
</ system.webServer >
</ configuration >
发表评论
-
ES6 Array常用Api详解
2019-05-06 11:41 4041,Array.of Array.of方法用于将一组值, ... -
JavaScript基础
2019-03-23 21:23 01,数据类型 在JavaScri ... -
gulp
2019-03-21 10:25 0正则路径 https://blog.csdn.net/wi ... -
vue声明周期
2019-02-25 21:51 0vue -
Vue生命周期 VS React生命周期
2019-01-29 11:12 0Vue生命周: beforeCreate: c ... -
JavaScript 对象属性
2019-01-23 10:57 949JavaScript中的对象属性有两种: 一,数据 ... -
JavaScript闭包
2019-01-17 12:02 0要想真正理解闭包首先要先搞清楚作用域和作用域链。 1,作 ... -
常用收藏
2019-01-16 11:11 358参考链接 MongoDB用户权限管理 https:/ ... -
浏览器中进程与线程
2019-01-05 18:06 1222一,首先使用快捷键Shift+Esc打开浏览器Chrome任 ... -
Flex
2018-12-30 15:42 9492009年,W3C提出了一种新的布局方式:Flex布局。 ... -
linux下建立git仓库
2018-12-28 14:51 563参考文件 https://www.cnblogs.com/ ... -
Express中异常处理
2018-12-26 17:36 1327下面内容摘自网络文章,分析的很全面。 文章地址:http ... -
Express中如何使用async/await
2018-12-26 15:31 1261随着Node.js v7.6.0版本开 ... -
查看端口占用
2018-10-09 23:27 513参考:https://www.jianshu.com/p/ ... -
GIt部署到linux服务器
2018-09-30 12:01 951git一键部署代码到远程 ... -
JavaScript中常见继承方式
2018-09-14 18:16 564JavaScript作为弱类型语言,继承也是其强大的特性之 ... -
Node.js版本管理工具nvm
2018-09-09 10:52 600nvm是什么? nvm允许你在同一台机器上安装不同版 ... -
字符编码的发展历史
2018-09-08 09:52 0字符编码的发展历史 Unicode和UTF-8有何区别? ... -
nodejs-buffer
2018-09-07 18:13 0公所周知JavaScript语言不能处理二进制数据,但在服务 ... -
Git学习笔记
2018-09-04 18:07 384----------------------------- ...
相关推荐
meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> 但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了? 迅速搜索了一下,才明白原来不是微软增强了IE,...
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> ``` - **解释**: - `IE=edge`:告诉IE使用最新的渲染引擎(即IE浏览器本身的最新版本)。 - `chrome=1`:如果页面检测到已安装GCF,则使用...
- **`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`**: - **用途**:使IE浏览器以最高版本渲染页面。 - **示例**: ```html <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=...
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ``` 3. 修改webpack配置 如果使用了element-ui、v-charts等第三方UI框架或插件,这些库可能底层使用了ES6语法。在webpack.base.conf.js文件中...
meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1> <title>Examples</title> [removed][removed] </head> <body> <div id=app> <!-- post-title使用驼峰命名postTitle会...
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> ``` 这将激活Google Chrome Frame插件,如果用户已经安装了这个插件,那么在支持的IE版本中,页面将使用Chrome的渲染引擎。这样可以提高某些旧版...
最近一个小项目,在最后的测试阶段出现了问题,使用了Vue,在Chrome、Firefox、Safari、IE11下都可以访问,唯独IE9下无法正常显示,排除程序问题后,最终判断是...meta http-equiv="X-UA-Compatible" content="IE=edge
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 引入Bootstrap --> <title>Bootstrap模板样式 <link href="css...
3. **卓越的兼容性**:Bootstrap支持多种浏览器,包括最新的Chrome、Firefox、Safari、Edge以及较旧版本的IE浏览器。 4. **响应式设计**:能够自动适应不同设备的屏幕尺寸,无论是桌面、平板还是手机,都能呈现出...
- **兼容性**:它支持IE10及以上的浏览器,以及主流的Chrome、Firefox、Safari和Edge,确保了在各种环境下都能正常工作。 - **易用性**:配置和使用简单,API清晰,开发者可以快速上手。 - **富文本编辑**:提供常见...
- **对于其他浏览器**:现代浏览器如Chrome、Firefox、Safari和Edge等都支持上述CSS代码。但需要注意的是,在某些情况下,隐藏滚动条可能会导致页面内容不可见,因此在使用此技术时应谨慎考虑用户体验。 #### 五、...
Pignose Tab JS 兼容现代浏览器,包括 Chrome、Firefox、Safari、Edge 和 IE9 及以上版本。同时,由于依赖 jQuery,因此需要确保项目中已经引入了 jQuery 库。此外,为了实现更好的移动设备支持,建议结合使用其他...
EasyTabs 对主流浏览器有较好的兼容性,包括Chrome、Firefox、Safari、Edge和IE9及以上版本。为了提高性能,可以在初始化时指定`animate`选项为`false`,禁用动画效果。 总结,jQuery EasyTabs 是一个简单易用的...
5. **兼容性广泛**:兼容主流的现代浏览器,包括Chrome、Firefox、Safari、Edge和IE10+。 ### 2. 使用步骤 1. **引入文件**:首先在HTML文件中引入`jsScrolling`的JavaScript和CSS文件。通常放置在`<head>`标签内...
它支持多种浏览器环境,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。编辑器提供了多种格式化文本的功能,如字体、字号、颜色、列表、表格等,还支持图片上传、代码高亮、公式编辑等高级特性。 ### 二、...
它支持多种浏览器,包括Chrome、Firefox、Safari、Edge以及IE8及以上版本,确保了良好的跨平台兼容性。 ### 1. 基本使用 layer的使用非常简单,只需要引入对应的CSS和JS文件,然后通过JavaScript调用相应的方法...
response.headers['X-UA-Compatible'] = 'IE=Edge,chrome=1' return response ``` **内部实现原理**: - Flask同样使用一个字典来存储这些函数,字典的结构与 `before_request` 类似。 - 函数通过 `after_request...
5. **兼容性好**:兼容主流浏览器,包括Chrome、Firefox、Safari、Edge及IE9及以上版本。 **配置参数** 1. **total**: 总记录数,用于计算总页数。 2. **perPage**: 每页显示的记录数。 3. **currentPage**: 当前...