IE浏览器确定兼容性模式

HTML:<html>
     <head>
     <!-- Mimic Internet Explorer 7 -->
        <title>我的网页</title>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
     </head>
     <body>
        <p>内容在此处。</p>
     </body>
</html>


Content 属性指定了该页面的模式;例如,要模仿 Windows Internet Explorer 7 的行为,请指定 IE=EmulateIE7。同样,可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。

X-UA-compatible 标头不区分大小写;但是,它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头(HEAD 部分)中。

基于每个站点指定兼容模式
通过使用 Web 服务器为站点定义自定义 HTTP 响应标头,可为网站指定文本模式。HTTP 响应标头是 Web 服务器附加到为响应 HTTP 请求而发送到浏览器中的文件的信息,这些信息通常包含发送回文件的日期、大小和类型。

下列文档介绍了将 Web 服务器配置为将自定义 HTTP 响应标头附加到所有网页中所需的步骤。这将导致 Windows Internet Explorer 8 使用指定的文本兼容性模式,例如 EmulateIE7。

在 IIS 上实现 META 切换
在 Apache 上实现 META 切换
如果使用 Web 服务器指定了默认文本兼容性模式,则可通过在特定的网页中指定其他文本兼容性模式来覆盖该设置。在该网页中指定的模式优先于由服务器指定的模式。

使用脚本确定文本兼容性模式
要使用 Windows Internet Explorer 8 确定网页的文本兼容性模式,请使用 document 对象的 documentMode 属性。例如,将以下内容键入到 Windows Internet Explorer 8 的地址栏中,可显示当前网页的文本模式。


javascript:alert(document.documentMode);


documentMode 属性可返回与页面的文本兼容性模式相对应的数值。例如,如果所选页面支持 IE8 模式,则 documentMode 会返回 8。

注意:在 Windows Internet Explorer 6 中引入的 compatMode 属性已不受支持,取而代之的是在 Windows Internet Explorer 8 中引入的 documentMode 属性。当前使用 compatMode 的应用程序仍然可以在 Windows Internet Explorer 8 中运行;但是,它们已更新为使用 documentMode。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的引用内容可以得知Vuex在IE浏览器上的兼容性问题主要是因为IE浏览器不支持ES6的语法,而Vuex是基于ES6的语法开发的。因此,在IE浏览器上使用Vuex时,需要进行一些兼容性处理。 解决Vuex与IE浏览器兼容性问题,可以采用以下两种方法: 1.使用Babel进行代码转换:Babel是一个广泛使用的JavaScript编译器,可以将ES6代码转换为ES5代码,从而实现在IE浏览器上的兼容性。在使用Vuex时,可以通过Babel将Vuex的ES6代码转换为ES5代码,从而实现在IE浏览器上的兼容性。 2.使用Vuex的CDN链接:如果不想使用Babel进行代码转换,也可以直接使用Vuex的CDN链接。在使用Vuex时,可以通过引入Vuex的CDN链接,从而实现在IE浏览器上的兼容性。 下面是使用Babel进行代码转换的示例代码: ```javascript // 安装Babel npm install --save-dev babel-core babel-loader babel-preset-env // webpack.config.js module.exports = { module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: { presets: ['env'] } } } ] } } ``` ```javascript // 在main.js中引入babel-polyfill import 'babel-polyfill' import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ // ... }) ``` 使用CDN链接的示例代码: ```html <!-- 引入Vue.js --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 引入Vuex.js --> <script src="https://cdn.jsdelivr.net/npm/vuex/dist/vuex.js"></script> <script> const store = new Vuex.Store({ // ... }) </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值