submaze
- 浏览: 119372 次
- 性别:
- 来自: 深圳
-
文章分类
我们的一个项目是用ExtJS做的，但在IE9下几乎完全不能用。排除Bug半天后才发现是ExtJS本身就无法在IE9下正常运行。抛开一些细小的问题，最典型的就是TreePanel根本无法使用，节点都无法点开……google了一下，ExtJS的论坛里报了这个Bug，但貌似还没有完美的解决方案。
改ExtJS代价太大了，不如换一种思考方式，让IE9以兼容性模式运行，ExtJS完全没问题。于是便琢磨怎么在页面加载时就告诉IE9运行兼容性模式。好在IE官网就提供相关的信息。不得不说微软的MSDN还是挺不错的，虽然浏览器一直做的不咋地……
办法很简单，在head标签的第一行加入以下meta标签：
这样，IE9就会以IE8的文档模式来解析html。最好把这个meta放在head的第一行，否则不会产生效果。实际上，MSDN的文档说只要放在head中除了title和meta的所有其他标签之前就行，不过我试过好像没用，所以为了保险，还是放第一个吧。以下是MSDN文档的原话：
it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.
另外，如果不清楚IE9运行在什么模式下的话，可以使用 document.documentMode 来查看IE9的运行模式，如果是IE9标准模式就会返回9，IE8模式则返回8。以此类推。
注：严格来说，此方法实际上是改变文档模式（document mode），而不是浏览器模式（browser mode）。实际上，IE9的兼容性模式是指的浏览器模式。对这两者的区别，有兴趣的可以去看看MSDN。
参考文档：
Define Document Compability
这个介绍的比较全面，什么是兼容性模式，怎么判断，怎么设定都有涉及，甚至包括怎么在web server中指定兼容性模式……
IE's Compability Features for Site Developers
http://aguu125.iteye.com/blog/1544855
介绍了几种浏览器模式（browser mode）和文档模式（document mode）。我主要是看这篇里面的几种文档模式区别的。
注：本文档转载自：http://darkbaby123.iteye.com/blog/1017580
改ExtJS代价太大了，不如换一种思考方式，让IE9以兼容性模式运行，ExtJS完全没问题。于是便琢磨怎么在页面加载时就告诉IE9运行兼容性模式。好在IE官网就提供相关的信息。不得不说微软的MSDN还是挺不错的，虽然浏览器一直做的不咋地……
办法很简单，在head标签的第一行加入以下meta标签：
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
</head>
<body>
..
</body>
</html>
这样，IE9就会以IE8的文档模式来解析html。最好把这个meta放在head的第一行，否则不会产生效果。实际上，MSDN的文档说只要放在head中除了title和meta的所有其他标签之前就行，不过我试过好像没用，所以为了保险，还是放第一个吧。以下是MSDN文档的原话：
it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.
另外，如果不清楚IE9运行在什么模式下的话，可以使用 document.documentMode 来查看IE9的运行模式，如果是IE9标准模式就会返回9，IE8模式则返回8。以此类推。
注：严格来说，此方法实际上是改变文档模式（document mode），而不是浏览器模式（browser mode）。实际上，IE9的兼容性模式是指的浏览器模式。对这两者的区别，有兴趣的可以去看看MSDN。
参考文档：
Define Document Compability
这个介绍的比较全面，什么是兼容性模式，怎么判断，怎么设定都有涉及，甚至包括怎么在web server中指定兼容性模式……
IE's Compability Features for Site Developers
http://aguu125.iteye.com/blog/1544855
介绍了几种浏览器模式（browser mode）和文档模式（document mode）。我主要是看这篇里面的几种文档模式区别的。
注：本文档转载自：http://darkbaby123.iteye.com/blog/1017580
分享到：
发表评论
-
CSS雪碧图demo（含雪碧代码）
2016-06-12 21:09 765css雪碧图demo效果图，含hover，代码附件下载sp ... -
easyui subgrid 多层子表格参考
2015-08-11 14:25 853参考回帖代码 http://bbs.csdn.net/topi ... -
鼠标拖拽DIV效果
2015-03-31 18:09 518代码效果-鼠标点击DIV，可以任意拖拽DIV <! ... -
css控制文本自动换行
2015-03-20 14:34 606http://wenku.baidu.com/link?ur ... -
js表单提交
2014-05-09 17:07 637js 表单提交 <html> <he ... -
滚动条样式
2014-05-06 20:53 326参考资料： http://manos.malihu.gr/t ... -
原生JavaScript技巧大收集100（上）
2013-12-30 19:53 426原生JavaScript技巧大收集，JavaScipt初学的各 ... -
编写jquery插件中的闭包demo
2013-12-18 16:43 2357demo中的代码，需要jquery库文件支持 //闭包特性 ... -
怎样让一个div高度自适应浏览器
2013-12-18 09:33 558网页中需要同时设置如下代码 html,body{heigh ... -
jquery框架学习
2013-12-10 09:27 400http://developer.51cto.com/art/ ... -
用JS的eval解析JSON中的注意点
2013-07-18 22:43 996eval 方法 将其中的参数 ... -
鼠标hover悬停事件
2013-07-16 16:50 853<title>鼠标hover悬停事件< ... -
html滚动条CSS样式
2013-07-16 16:19 876DEMO: body{ SCROLLBAR-FACE ... -
json数据结构
2013-06-06 16:42 605<script> //=====1===== ... -
JS函数-接收任意个参数
2013-06-06 09:28 2275<script> //可以接收任意多个参数 ... -
EXTJS3.0中文帮助文档
2013-06-05 19:38 835EXTJS中文帮助文档下载 -
EXTJS2.0表格中文排序
2013-06-05 14:42 987//引入必要的EXT开发环境 <link rel ... -
UI讨论
2013-05-22 15:27 7711.公司如果要研发自己的UI框架，JQuery和EXT该如何选 ... -
Extjs组件render说明与Demo
2013-05-02 16:05 17071.调用组件的render方法 panel.render ... -
select 取值 jquery
2013-04-12 22:19 741<select id="country& ...
相关推荐
extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0 extJS3.0
项目中遇到Extjs3.0在IE9中不兼容，现有两种解决方法
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
ExtJS3.0 源码分析与开发实例宝典
EXTJS 3.0是一款基于JavaScript的开源UI框架，它为Web应用提供了丰富的组件和...对于Java开发者来说，EXTJS 3.0提供了一种与后端无缝集成的前端解决方案，可以利用其强大的客户端能力减轻服务器负担，提升用户体验。
EXTJS3.0登录DEMO是一个基于EXTJS框架的示例项目，展示了如何将EXTJS与STRUTS2、SPRING和IBATIS等流行Java技术整合，构建一个完整的Web应用程序。EXTJS是一个用于创建富客户端界面的JavaScript库，而STRUTS2、SPRING...
Extjs3.0中文API文档 够详细 够详细 够详细
EXTJS 3.0 版本是其历史上的一个重要里程碑，提供了丰富的组件库和强大的功能，为开发人员提供了构建复杂Web界面的能力。在这个课程中，我们将深入探讨EXTJS 3.0 的核心组件，这些组件是构建用户界面的基础。 首先...
综上所述，EXTJS3.0多文件上传组件结合了EXTJS的组件化开发优势和SWFUpload的多文件上传功能，为开发者提供了一个高效且易于定制的文件上传解决方案。通过深入理解和掌握相关知识点，可以开发出满足不同需求的多文件...
**ExtJS 3.0 常用组件介绍** ExtJS 是一款强大的JavaScript库，用于构建富客户端Web应用。在3.0版本中，它提供了一系列丰富的组件，这些组件可以帮助开发者构建功能丰富的用户界面。以下是一些ExtJS 3.0中的常用...
总的来说，EXTJS 3.0中文API为开发者提供了一个详细的指南，无论是在项目初始化阶段还是在解决具体问题时，都能从中获得必要的帮助。对于EXTJS的初学者和有经验的开发者来说，这都是一份非常宝贵的资源。
由于extjs3.0自己封装的时间不能够选择时分秒，给大家开发带来了一些麻烦。虽然网上有ext2.0的日期扩展控件，但在3.0中不能用。公司现在项目正用了，因此我就对extjs3.0时间控件的扩展，实现了可选择时分秒功能。...
这个压缩包包含了ExtJS 3.0的API文档，分别以中文和英文两种语言提供，对于学习和查阅非常便利。 在ExtJS 3.0的API中，我们可以找到以下几个重要的知识点： 1. **组件系统**：ExtJS的核心是它的组件模型，包括各种...
在网络上搜集，自己安装成功后在使用的开发环境。因ExtJS3.0和spket-1.6.18.jar的开发包太大不能上传，里面有安装说明和下载路径 ext-jsb2.zip jsb2是最新的。。请所需者取之
ExtJS 3.0是一款基于JavaScript的开源框架，主要用于构建富客户端Web应用程序。这款框架以其强大的组件库、灵活的布局管理、丰富的数据绑定机制以及高度可定制性而闻名。在WebUI（Web用户界面）开发中，ExtJS提供了...
通过这个离线包中的“docs”文件，你可以深入研究ExtJS 3.0的每个类、方法和属性，掌握如何构建高效、交互性强的Web应用。无论你是初学者还是经验丰富的开发者，这个文档都将是你不可或缺的参考资料。
ExtJs3.0API，希望对大家有所帮助
ExtJS 3.0 学习资源，有兴趣的 可以下载看看！！！！
ExtJS 是一个强大的JavaScript应用程序框架，专用于构建富客户端Web应用。版本3.0是其历史版本之一，提供了...通过对这部分内容的学习，开发者可以更熟练地运用ExtJS构建功能丰富的Web应用，并提升用户界面的交互性。
9. **国际化**：ExtJS 3.0支持多语言，可以通过配置文件轻松实现应用的国际化。 10. **主题和皮肤**：ExtJS提供了一套完整的主题和皮肤系统，允许开发者根据需求自定义应用的外观。 在实际开发中，通过学习和掌握...