Ie6的前世今生

IE6的前世今生
Putaoshu
2010.11.27

关于我
Name：刘威(putaoshu)
QQ：52622505
Email/MSN：putaoshu@163.com
Blog：http://www.putaoshu.com/blog/
Work Unit：gonline & gaiaonline

主题市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表

浏览器市场份额

2010年浏览器群雄争霸的春秋战国时代
360安全浏览器3.5正式版
QQ浏览器5
Firefox4
Chrome8.0
IE9
搜狗高速浏览器2.2
Opera10.6.3
Safari5
世界之窗4.0
Maxthon3

市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
国内浏览器使用情况 2010.10.1-2010.10.31
来源: http://data.cnzz.com/main.php?s=brow

国内浏览器使用情况 2009.9-2010.10
来源: http://gs.statcounter.com/#browser_version-CN-monthly-200910-201010-bar

全球浏览器使用情况 2009.9-2010.10
来源: http://gs.statcounter.com/#browser_version-ww-monthly-200910-201010-bar

国内外差距这么大的原因?

中国网民规模与增长率
来源:2010年1月15日，中国互联网络信息中心（CNNIC）发布的
《第25次中国互联网络发展状况统计报告》

IE浏览器版本历史(Windows操作系统)
来源: http://zh.wikipedia.org/zh-cn/Internet_Explorer

IE6在国内市场份额巨高不下的原因分析
Windows XP的成功
Windows Vista推广的失败(集成IE7)
盗版很严重(蕃茄花园,深度,雨林木风等等)
银行、政府和学校，医院的网站，以及公司的内部的OA,ERP等管理系统，很多也仅支持IE6
基于IE内核的浏览器的成功(360，TT…)
其它品牌浏览器在中国推广不理想(Friefox?)
用户没有自发升级或更换浏览器这一概念
习惯的力量(IE8的多窗口老网民认可吗?)

IE6招谁惹谁了?

IE6的几大病症
不支持PNG24 -->UI的创意因此大打折扣
不支持属性选择器，更不支持HTML5，CSS3
90%的CSS Hack
为了兼容IE6，大大增加了开发成本
…

消灭IE6

消灭IE6
2010年3月初，IE6被微软宣布了死刑（停止主流支持）

消灭IE6---各方真情告白
尊敬的用户，为什么还在用又慢又不安全的IE6？赶紧换一个更加时髦的浏览器，体验我们网站华丽丽的效果吧！---前端开发人员
对不起，使用IE6是无法浏览我们的网站，请安装一个现代的浏览器。---IT科技站和个人站
既然有用户选择使用IE6，那我们就要照顾到他的选择。我们可以告诉用户，IE6速度慢，IE6不安全，让用户慢慢了解到转换到其他浏览器的好处；但我们绝对不能夺走用户的选择权。---支付宝的资深经理叶志坚先生

消灭IE6---前端开发人员
利用WEB标准开发更炫更酷的产品
如果可能，告诉用户这个产品在IE6上体验不够好，也不安全，更新浏览器体验会更棒，更安全
在个人网站和博客上抵制IE6
当我们的产品够牛的时候，当用户数量足够多的时候，放弃对IE6的支持，如Google，Facebook已经开始行动了，我们呢?
…
但这些能成为消失IE6的执行力吗???

消灭IE6---几大武器
浏览器厂商-->高速模式和兼容模式
客户端大牛-->找QQ和360帮忙，3Q搁置争议，联合起来
政府机关-->银行，政府类网站放弃对IE6的支持，如建行已经支持Firefox了
消灭IE6---核武器
Windows7的普及 (浏览器的春天来了)

不要等待，前端人员现在就能做的

IE6常见Bug列表1
IE6下png图片透明
IE6不兼容line-height
IE6下DIV最小高度
IE6 中的最大最小宽度和高度
IE6 Select Bug
img图片元素有多余空白
IE6不支持position:fixed
IE6绝对定位元素的1px间距
更多

IE6常见Bug列表2(haslayout.net)
Opacity(透明度)
Partial Click Bug(局部点击BUG)
Double Margin Bug(双倍margin)
3px Gap Bug aka Text Jog Bug(3像素间距bug)
Negative Margin Bug(负边距)
Staircase Bug(列表阶梯bug)
No Auto Margin Center Pseudo-Bug(auto margin无法距中)
IE6 !important Ignore Bug(不支持!important)
更多请进haslayout.net

IE6常见Bug相关网站
http://haslayout.net/css/
http://www.positioniseverything.net/explorer.html
http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/

参考网站

Thank you

http://www.putaoshu.com	1371
http://w3ctech.com	372
http://putaoshublog.sinaapp.com	212
http://127.0.0.1	27
http://putaoshu.a59.99to.net	10
http://cache.baidu.com	9
http://1.putaoshublog.sinaapp.com	7
http://putaoshu.com	2
http://w.putaoshu.com	2
http://2.putaoshu.com	2
http://mail.putaoshu.com	2
http://static.slidesharecdn.com	1

Ie6的前世今生

by putaoshu on Nov 27, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

12 Embeds 2,017

Statistics

Ie6的前世今生 — Presentation Transcript