ie浏览器强制开启怪异模式(Quirks Mode)的解决方法
2016-04-07 18:38
1341 查看
用户没有强制开启怪异模式可以用以下方法解决
当 doctype 信息如下时,表明该页面是遵守了 HTML5 规范的,浏览器会选择 Standards Mode,这种 doctype 是最推荐的一种,我们平时设计页面都应该加上这一个 doctype。
当 doctype 如下时,浏览器同样会选择 Standards Mode(标准模式),虽然和第一种 doctype 有一些区别,但是几乎可以认为是一样的。下面多个版本都能触发
当 doctype 如下时,浏览器会选择 Almost Standards Mode,需要注意的是如果今后需要把这个页面改为 HTML5 规范,那么上文讨论的
中的分割图片问题可能会错乱。
当 doctype 缺失的时候,浏览器会选择 Quirks Mode,这是非常不推荐的方式,我们应该尽量避免 Quirks Mode,这对一个 web 应用是非常不利的地方。
用户强制启用了怪异模式(Quirks Mode)
翻译过来就是,没有解决方法,小白自己去找懂电脑的,懂点电脑的可以通过按F12 把文档模式改为最新的ie,或用360浏览器、谷歌浏览器都行。
参考资料
1、 IBM文档库[]https://www.ibm.com/developerworks/cn/web/1310_shatao_quirks/]
2、 直来直往的cnblog[]/article/5713257.html]
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[]/article/5713257.html]
相关文章推荐
- CoAP Request and Response Rules
- Could not find com.android.tools.build:gradle:1.3.0.
- android studio 构建系统基础build
- 3D Slicer+Qt-easy-build+VS2013
- Android学习笔记---第五天---基础UI组件---AnalogClock&TextClock&Chronometer(时钟与简单的计时器)
- 利用UEditor上传图片的注意点
- Access restriction: The type JFrame is not accessible due to restriction on required 错误
- UUID和UDID的常识
- UVA_10583_Ubiquitous Religions
- ios —— UIViewAdditions 布局坐标类库
- Ural 1183 Brackets Sequence(区间DP+记忆化搜索)
- UIColor *_color[5] UIColor数组
- DuiLib(7)——CTreeViewUI使用攻略
- requirejs加载css
- 79.iOS 设备的UI规范和iOS各控件默认高度
- 通用页面框架CmPage(一):简介
- [leetcode] 23. Merge k Sorted Lists
- EasyUI 使用心得
- Android gradle plugin和 Gradle版本关系\Gradle version 1.10 is required. Current version is 2.0
- Audio Session Programming Guide(官方文档翻译一)