ExtJS 3 不能在IE9下正常运行的简单解决办法
来源:互联网 发布:ubuntu如何解压tar.gz 编辑:程序博客网 时间:2024/06/08 13:28
今天碰到一个问题,我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。排除Bug半天后才发现是ExtJS本身就无法在IE9下正常运行。抛开一些细小的问题,最典型的就是TreePanel根本无法使用,节点都无法点开……google了一下,ExtJS的论坛里报了这个Bug,但貌似还没有完美的解决方案。
改ExtJS代价太大了,不如换一种思考方式,让IE9以兼容性模式运行,ExtJS完全没问题。于是便琢磨怎么在页面加载时就告诉IE9运行兼容性模式。好在IE官网就提供相关的信息。不得不说微软的MSDN还是挺不错的,虽然浏览器一直做的不咋地……
办法很简单,在head标签的第一行加入以下meta标签:
- <!DOCTYPE html>
- <html>
- <head>
- <metahttp-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 (theHEAD 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
介绍了几种浏览器模式(browser mode)和文档模式(document mode)。我主要是看这篇里面的几种文档模式区别的。
注:本文档转载自:http://darkbaby123.iteye.com/blog/1017580
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- ie9 不能执行extjs的解决办法
- echarts 画的图表在ie9以下不能正常显示
- phantomjs爬虫在docker下不能正常运行的问题
- extjs 在ie8下不能正常显示解决方法
- 用VS2005编译的应用程序在其它VS2005机器不能正常运行的原因和解决办法
- C#创建WINFORM程序在64位系统不能正常运行的解决办法
- tp框架在linuex 下不能运行的解决办法
- 关于HFSS13安装成功后报错不能正常运行的解决办法!
- 日期控件(DateField)在FireFox下不能正常显示的解决办法
- 日期控件(DateField)在FireFox下不能正常显示的解决办法
- 关于Dev c++ 不能在Win8系统下正常编译、运行的问题
- 使用第三方库的apk 在Ubuntu下编译后不能正常运行
- eWebEditor在ie9下按钮功能失效的解决办法
- eWebEditor在ie9下按钮功能失效的解决办法;
- 关于在iis6下excel.application能够正常运行,而vista或者window7的iis7下不能运行的总结
- 递归实现猴子分桃 java实现
- 操作系统原理内存管理
- lms_nfs
- topcoder SRM 548 DIV2 250
- micro2440 裸板程序调试记录一
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- 士兵杀敌(二)
- 烧写u-boot
- 猴子吃桃问题
- shell随机数获得方法
- leetcode Substring with Concatenation of All Words
- 动态验证码生成实例
- Android学习之布局
- 数据库1NF, 2NF,3NF