ie浏览器强制开启怪异模式（Quirks Mode）的解决方法

最新推荐文章于 2020-09-25 19:44:29 发布

MR_Teen

最新推荐文章于 2020-09-25 19:44:29 发布

阅读量7.7k

点赞数

分类专栏： web前端 xhtml 文章标签： html ie 浏览器

本文链接：https://blog.csdn.net/dong123dddd/article/details/51088267

版权

web前端同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

xhtml

2 篇文章 0 订阅

订阅专栏

用户没有强制开启怪异模式可以用以下方法解决

1、Doctype 检测并设置

对于一个 HTML 页面，< !DOCTYP >声明位于其中最前面的位置，处于< html >标签之前，这个< !DOCTYP >可以告知浏览器使用哪种 HTML 规范，针对每种规范浏览器同样也会选择对应的文档模式。平时最常见的三种 doctype 信息对应的文档模式如下。
当 doctype 信息如下时，表明该页面是遵守了 HTML5 规范的，浏览器会选择 Standards Mode，这种 doctype 是最推荐的一种，我们平时设计页面都应该加上这一个 doctype。

<!DOCTYPE html>  <!-- 最喜欢用 ,只有它最好记 -->

当 doctype 如下时，浏览器同样会选择 Standards Mode（标准模式），虽然和第一种 doctype 有一些区别，但是几乎可以认为是一样的。下面多个版本都能触发

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  >
<!DOCTYPE HTML PUBLIC "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

当 doctype 如下时，浏览器会选择 Almost Standards Mode，需要注意的是如果今后需要把这个页面改为 HTML5 规范，那么上文讨论的

中的分割图片问题可能会错乱。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

当 doctype 缺失的时候，浏览器会选择 Quirks Mode，这是非常不推荐的方式，我们应该尽量避免 Quirks Mode，这对一个 web 应用是非常不利的地方。

2、设置渲染模式 x-ua-compatible 信息

HTML 页面的开发者可以在页面的< head >标签中加入 x-ua-compatible 信息来影响文档类型的判定，具体如下表所示。


x-ua-compatible doctype Document Mode
<meta http-equiv="X-UA-Compatible" content="IE=5" > // IE5 quirks 作死，千万别用
<meta http-equiv="X-UA-Compatible" content="IE=7/8/9/10" > // IE7/8/9/10 Standards
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >  //  IE 最新版本的 Standards
<!-- 据说下面两个 在 <!DOCTYPE html> 下面才起效 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7/8/9" >// IE7/8/9 Standards
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" > //IE10 Standards

用户强制启用了怪异模式（Quirks Mode）

1、解决方法

这种问题十分棘手。

 if(!-[1,] && document.documentMode == '5'){
    alert('\u60A8\u7684\u6D4F\u89C8\u5668\u7248\u672C\u6E32\u67D3\u6A21\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u4F7F\u7528360\u6216\u8C37\u6B4C\u7B49\u6D4F\u89C8\u5668\uFF0C\u6216\u6253800800\u627E IT \u5E2E\u4F60\u628A\u6D4F\u89C8\u5668\u7684\u602A\u5F02\u6E32\u67D3\u6A21\u5F0F\u6539\u4E3A\u6807\u51C6\u6E32\u67D3\u6A21\u5F0F');
 }

翻译过来就是，没有解决方法，小白自己去找懂电脑的，懂点电脑的可以通过按F12 把文档模式改为最新的ie，或用360浏览器、谷歌浏览器都行。

参考资料
1、 IBM文档库[https://www.ibm.com/developerworks/cn/web/1310_shatao_quirks/]
2、直来直往的cnblog[http://www.cnblogs.com/ada313/p/4262844.html]

MR_Teen

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ie浏览器强制开启怪异模式（Quirks Mode）的解决方法

用户没有强制开启怪异模式可以用以下方法解决1、Doctype 检测并设置对于一个 HTML 页面，< !DOCTYP >声明位于其中最前面的位置，处于< html >标签之前，这个< !DOCTYP >可以告知浏览器使用哪种 HTML 规范，针对每种规范浏览器同样也会选择对应的文档模式。平时最常见的三种 doctype 信息对应的文档模式如下。当 doctype 信息如下时，表明该页面是遵守
复制链接

扫一扫