IE浏览器的标准模式与怪异模式

技术文档网 2021-04-25

IE有2个模式，一个是标准模式，一个是怪异模式。我们要避免触发IE的怪异模式

  1. 标准模式：Standars mode也叫Strict mode，表示浏览器按W3C标准解析执行代码

  2. 怪异模式：Quirks mode也叫Compatibility Mode，表示浏览器按照自己的理解解析执行代码

产生这两种模式是由于历史原因，在W3C标准发布之前，各个浏览器对页面渲染没有统一规范，大家都是按照自己的理解来处理网页

<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">

  • 使用HTML5的文档模式解析网页

  • 第一个meta告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。

  • 第二个meta告诉双核浏览器，使用webkit内核渲染网页。

代码判断是标准模式还是怪异模式：

// 所有浏览器都支持这个属性
// 如果是IE浏览器，且IE浏览器的文档模式是“杂项（Quirks）”，则mode的值是"BackCompat"
// 其他浏览器为"CSS1Compat"
var mode = document.compatMode;

相关文章

  1. 硅谷互联网公司的开发流程

    开发流程包括这么几个阶段: OKR 的设立; 主项目及其子项目的确立; 每个子项目的生命周期; 主项目的生命周期; 收尾、维护、复盘。 第一点，OKR 的设立 所有项目的起始，都应该从 Ro

  2. RESTful-表述性状态转移风格

    REST英文全拼：Representational State Transfer 面向资源编程 资源指的就是一类数据 产品表-&gt;就是产品资源 最重要的是如何表示一个资源 地址即

  3. 稳定性思考

    产品功能线 0-1： 当系统从无到有的时候，首要考虑的是研发效率，功能快速迭代，满足快速增长的业务需求 1-10 系统已经搭建起来，此时考虑的是系统的稳定性。 可用性：1.隔离：区分出核心和非核心功能

  4. Supervisor守护队列发邮件

    安装 CentOS： yum -y install supervisor Debien/Ubuntu适用：apt-get install supervisor 配置 修改主配置文件：vim /et

  5. 安装libsodium，让服务器支持chacha20等加密方式

    用chacha20加密方式需要安装libsodium 注意：libsodium从1.0.15开始就废弃了aes-128-ctr yum install wget m2crypto git libsod

随机推荐

  1. 硅谷互联网公司的开发流程

    开发流程包括这么几个阶段: OKR 的设立; 主项目及其子项目的确立; 每个子项目的生命周期; 主项目的生命周期; 收尾、维护、复盘。 第一点，OKR 的设立 所有项目的起始，都应该从 Ro

  2. RESTful-表述性状态转移风格

    REST英文全拼：Representational State Transfer 面向资源编程 资源指的就是一类数据 产品表-&gt;就是产品资源 最重要的是如何表示一个资源 地址即

  3. 稳定性思考

    产品功能线 0-1： 当系统从无到有的时候，首要考虑的是研发效率，功能快速迭代，满足快速增长的业务需求 1-10 系统已经搭建起来，此时考虑的是系统的稳定性。 可用性：1.隔离：区分出核心和非核心功能

  4. Supervisor守护队列发邮件

    安装 CentOS： yum -y install supervisor Debien/Ubuntu适用：apt-get install supervisor 配置 修改主配置文件：vim /et

  5. 安装libsodium，让服务器支持chacha20等加密方式

    用chacha20加密方式需要安装libsodium 注意：libsodium从1.0.15开始就废弃了aes-128-ctr yum install wget m2crypto git libsod