ie9 不能执行extjs的解决办法

来源:互联网 发布:逆袭网络剧全集观看 编辑:程序博客网 时间:2024/06/06 23:19

ExtJS 3不能在IE9下正常运行的简单解决办法

  • 博客分类:
  • JavaScript
IE浏览器GoogleHTMLWeb 

今天碰到一个问题,我们的一个项目是用ExtJS做的,但在IE9下几乎完全不能用。排除Bug半天后才发现是ExtJS本身就无法在IE9下正常运行。抛开一些细小的问题,最典型的就是TreePanel根本无法使用,节点都无法点开……google了一下,ExtJS的论坛里报了这个Bug,但貌似还没有完美的解决方案。

 

改ExtJS代价太大了,不如换一种思考方式,让IE9以兼容性模式运行,ExtJS完全没问题。于是便琢磨怎么在页面加载时就告诉IE9运行兼容性模式。好在IE官网就提供相关的信息。不得不说微软的MSDN还是挺不错的,虽然浏览器一直做的不咋地……

 

办法很简单,在head标签的第一行加入以下meta标签:

 

Html代码 复制代码 收藏代码ie9 <wbr>不能执行extjs的解决办法
  1. <!DOCTYPE html>  
  2. <html>  
  3.   <head>  
  4.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />  
  5.   </head>  
  6.   <body>  
  7.     ..  
  8.   </body>  
  9. </html>  
<!DOCTYPE html><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 ofthe webpage (the HEADsection) before all other elements except forthe title elementandother meta elements. 

 

另外,如果不清楚IE9运行在什么模式下的话,可以使用 document.documentMode来查看IE9的运行模式,如果是IE9标准模式就会返回9,IE8模式则返回8。以此类推。

 

注:严格来说,此方法实际上是改变文档模式(documentmode),而不是浏览器模式(browsermode)。实际上,IE9的兼容性模式是指的浏览器模式。对这两者的区别,有兴趣的可以去看看MSDN。

0 0