拿什么拯救你，我的ie

我想在写这篇文章之前,已经有无数的难友被IE折磨得痛苦不堪了.
下面就将我自己用IE的问题作个小结:
1.div 无法覆盖select 表单的问题
  痛苦指数 
  解决办法：
  各路大仙真是仁者见仁，智者见智，归纳起来主要有两种
  a. 隐藏法
       计算select附近的div，如果发现div重叠，就赶紧隐藏select，典型代表 ：www.dynarch.com/projects/calendar/
  b.替换法
       干脆用div + table 重写个select得了
       Ext做得不错，提供了对select的refresh方法 www.extjs.com

2.缺少有效的脚本调试支持
    痛苦指数 
    对于B/S的 B端开发人员来说,脚本调试器简直就是小李手的小刀.
    相对于firefox下的firebugaddons.mozilla.org/firefox/addon/1843
     IE的解决办法就是安装庞大的 InterDev , 或者目前的.net  frame,就算是这样的庞然大物,
   程序无响应也是经常的事情.
   解决办法:
    偶的解决办法,就是写跨浏览器的脚本,在ff下调试完了再往IE下移。
    如果只在IE下出问题咋办？ ———alert!!!!!

3.低性能
   痛苦指数 
    如果你用过这个www.scbr.com/docs/products/dhtmlxTree/index.shtml
   如果你的书有上千个节点, 一定就会有所体会了,
   在同一个页面里将几个图片重复利用几千次?
   对不起,在IE中你不得不等待"xxxx"个图片正在下载。
  我就弄不懂，同一个页面里的对同一个img的url引用，有必要每次都去检查更新么？？
  解决办法：
   把访问策略设置为“自动”吧，第一次的慢嘛只好忍受了。
   提及低性能，有个有趣的实验一定要做——将几千行的纯文本粘贴到 IE 的textarea中试试看，
  一定会给你一个惊喜。

4.自作主张
  痛苦指数 
 如果你调用getElementById,而ie未发现此id，那么它就会去找name为此id的元素并返回给你，不报任何错误。
 解决办法：
 写程序小心再小心

5.内存泄漏
  痛苦指数 
  在页面中通过js反复创建和删去Div，ie6会出现内存泄漏，甚至重启ie仍然无济于事。
  这个真是RIA的噩梦啊！！
  RIA常用的手段就是利用div模拟窗口，因此div的创建和释放是最基本的操作。
 解决办法：
  参考Ext的destory机制
 我的办法就是div复用，建一个就不放，重复利用。就算这样，由于窗口内容的刷新同样需要动态建立和释放html元素，
 仍然存在内存泄漏。

6.兼容性差
  痛苦指数 
  这个问题是前一段在客户那里发现的，微软2003拼音输入法，与ie下textarea的刷新冲突。
 大家可以用下面这个最简单的页面看看效果

js 代码

 当使用微软拼音2003的逐词提示，ie无法正确判断出刷新区域，干脆就将整个页面从背景到各层div逐个刷新的一遍。
导致屏幕狂闪。
 让人哭笑不得的是，在firefox下居然一切正常。

7.容错性差
 一个utf编码的页面通常有如下两句开头：

xml 代码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
title>费力佩五世巧克力壶</title>

这样写是没有问题的，可以如果调换这两句的顺序，ie就整个晕了，不仅分析不出title不说，
后面的分析也全乱了,由于不知道编码,报出乱七八糟的错误.
高版本的ie6解决了此问题，我的ie6.0.2900.2180存在问题.


总结到此，欢迎大家补充！
当然以上问题出现在目前应用较广的ie6上，ie7已经解决了大多数问题。
但试想如果没有那只火狐狸捣乱，我们能指望用上ie7么？
反过来也是一样，如果当年netscape一枝独秀，情况怕也好不到哪里去。
所幸世界正在向着多元化的方向发展。
 

分享到：

使用json取代传统的form提交 | 采用动态缓存机制的内容发布实现（二）系统 ...

• 2007-09-07 12:43
• 浏览 12253
• 评论(58)
• 论坛回复 / 浏览 (57 / 39442)
• 分类:Web前端
• 查看更多

评论

18 楼 BaSaRa 2007-09-13  

FF在欧洲推广速度很快，某些地方甚至到达49.7%的市场占有率，当然这个数字可能有假，但是还是建议兼容FF

17 楼 keshin 2007-09-10  

给我感觉似乎大家都在推崇ff，可是我在想，用ff的客户有多少呢？比例占多少呢？

16 楼 aiut 2007-09-10  

调试的时候各位试试楼主介绍的Firebug吧，效果的确很好。
大大的节省了我的时间。

15 楼 javaTo 2007-09-10  

D-tune 写道

关于你的第一个问题，可以在div后面创建一个大小完全一样的iframe来遮盖select。

同意，我就经常那么做

关于调试工具，我一直用office自带的MSE7，感觉还好

14 楼 dennis_zane 2007-09-09  

没有哪个用户会去完全关注一万多个节点提供的信息？我觉的这个设计是失败的，应当进行内容的细化

13 楼 hax 2007-09-09  

补充一下，其症状是浮动条刷新的时候，浮动条下方总是显示canvas的背景色，连背景图都不带的。

12 楼 hax 2007-09-09  

关于微软输入法的刷新问题，确实如此，我以前一个项目中也碰到了这个问题，呵呵。越慢的机器越是显著，只好让用户忍着了。

11 楼 D-tune 2007-09-09  

我觉得一个当一个页面包含了太多信息的时候，这个页面从设计上来讲就是失败了，我想没有哪个用户有心情或者有耐心来从一大堆数据中查看自己关心的吧。
另外关于applet覆盖div的问题，是否能够用iframe作为底衬解决，我没有遇到过该问题，所以不太清楚，但是从原理上讲应该是可以的

10 楼 afcn0 2007-09-08  

可能还是分组,就象google reader并不是所有的rss都一次读近来,而是滚动进入你的viewport才load文章,可能大量节点也得应用类似的方法的

9 楼 cryolite 2007-09-08  

D-tune 写道

至于第二个问题，建议使用js的IDE。<br/>
getElementById和div的释放只能从提高自身代码质量来解决了，其他的IE本身bug，只能期待IE7快出sp吧

<br/>
<br/>
能解决Java Applet 总是覆盖div的问题么：<br/>
一个弹出的div窗口总是被java applet覆盖，fx和ie下都有这个问题

8 楼 skyline 2007-09-08  

sp42 写道

据报道，超过5000节点浏览器就会很慢。。

我之前用YUI试过一个次，总共有几万个节点。火狐和ie都死了。

其实，当你需要用树状结构来显示大量信息的时候。就应该想想有没有更好的方法？
我后来改用别的方法了。因为在一页面上弄那么多节点出来，用户用起来根本就不方便。

7 楼 lordhong 2007-09-08  

笨笨狗 写道

难道就没有好的解决方法么？

用flex。。。直接跳过DOM。。。

6 楼 笨笨狗 2007-09-08  

难道就没有好的解决方法么？

5 楼 sp42 2007-09-08  

据报道，超过5000节点浏览器就会很慢。。

4 楼 笨笨狗 2007-09-07  

重复了，编辑一下。<br/>
各位有什么好的解决方法吗？大数据量的树状菜单？

3 楼 笨笨狗 2007-09-07  

<br/>
<strong>chen4w 写道：</strong><br/>
<div class='quote_div'> <br/>
3.低性能<br/>
   痛苦指数  <img src='/javascripts/fckeditor/editor/images/smiley/msn/cry_smile.gif' alt=''/><img src='/javascripts/fckeditor/editor/images/smiley/msn/cry_smile.gif' alt=''/><img src='/javascripts/fckeditor/editor/images/smiley/msn/cry_smile.gif' alt=''/><br/>
    如果你用过这个<a href='http://www.scbr.com/docs/products/dhtmlxTree/index.shtml'>www.scbr.com/docs/products/dhtmlxTree/index.shtml</a><br/>
   如果你的书有上千个节点, 一定就会有所体会了, <br/>
   在同一个页面里将几个图片重复利用几千次? <br/>
   对不起,在IE中你不得不等待"xxxx"个图片正在下载。<br/>
  我就弄不懂，同一个页面里的对同一个img的url引用，有必要每次都去检查更新么？？<br/>
  解决办法：<br/>
   把访问策略设置为“自动”吧，第一次的慢嘛只好忍受了。<br/>
   提及低性能，有个有趣的实验一定要做——将几千行的纯文本粘贴到 IE 的textarea中试试看，<br/>
  一定会给你一个惊喜。<br/>
<br/>
<br/>
<br/>
<br/>
深有感触啊！刚在项目里面设计了一颗树，节点层次很深，数据量也大，我都做成ajax异步取数据了，但是，但是……<br/>
当子节点打开数量一多了，点击父节点隐藏二级菜单的时候，那个停顿真让人受不了，唉，firefox一点问题都没有，怎么会这样？<br/>
 <br/>
<span lang='EN-US' style='font-size: 10.5pt; font-family: Wingdings;'><span style=''/></span></div>
<br/>
<br/>
<br/>

2 楼 D-tune 2007-09-07  

至于第二个问题，建议使用js的IDE。
getElementById和div的释放只能从提高自身代码质量来解决了，其他的IE本身bug，只能期待IE7快出sp吧

1 楼 D-tune 2007-09-07  

关于你的第一个问题，可以在div后面创建一个大小完全一样的iframe来遮盖select。

« 上一页 1 2 3 下一页 »