回主页

笨活儿关注Web前端和网页设计,同时兼顾用户体验,致力于将国外的优秀教程汉化,并不定期推荐免费优秀影视娱乐资源。

订阅本博客。


  • About/关于
  • Browse/浏览
  • Portfolio/作品集
  • Search/搜索

TOPICS/主题:生而享乐 网页设计 免费资源 Web前端 感受年轻 边翻译边学习More...


  • « 固定 vs. 流动 vs. 弹性:哪种布局更适合你?[SM]
  • 舞林争霸 – Melissa & Ade »
发表时间:七月 19 ↓ 有话想说

Web技术要发展,IE6必须先消失!

由 慵云 发表于 Web技术 分类下  发表时间:星期天, 七月 19, 2009 15:00

rip-ie仅仅六年之前,互联网还是一个独裁者的世界——Internet Explorer (Internet Explorer)(主要是Internet Explorer 6)垄断着浏览器市场。没了Netscape的竞争,加上与Windows XP的绑定,微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日,可供我们选择的浏览器种类也令当年的用户艳羡——Firefox (Firefox), Safari (Safari), Opera (Opera), Chrome (Chrome),以及Internet Explorer 8。

那么,为什么现在还有15%至25%的网页浏览量来自这火星时代(也就是2001年)的浏览器?作为一名coder(程序员),designer(设计师),UI guy(用户体验工程师),这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女,我们在IE6这个糟老头上耗费了难以计数的精力和时间。

尽管IE6增加了我们的负担,但只要有克服困难的决心,我们开发出的Web应用也还是有一定可用性。不过现在,HTML 5 的正式登场近在眉睫,我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响,在接下来的几个月,我们的主动行动将越来越重要。Web技术要发展,IE6必须进坟墓!

Internet Explorer 6 的那点破事儿

Facebook hate IE6

是的… Facebook 也不欢迎 IE6 了哦…

现在,也许你应该问自己两个问题:IE6到底哪里不好?为什么现在还有这么多人用它?

第一个问题的答案相对简单:互联网生态急剧变化,Internet Explorer 6在技术上显得越来越落伍。你只需想象一下在一台2001年的电脑(20GB硬盘,256MB的内容,还有么?)上使用现在的社交网站、微软Office、iTunes、即时通讯、电子游戏,以及你的其他桌面软件…… 就是这个理:很多新的Web技术就是没办法兼容IE6啊。下面是一个IE6不支持的功能简表,大部分coders应该都对它们了然于胸了:

- CSS 2 (层级样式表): 这是Web设计视觉表现的基础所在。毫无办法呢,设计师总是必须针对IE6做一些hack。

- PNG 透明度: 能够实现柔和渐变透明度的png图像不能在IE6内正常显示。而漂亮的半透明效果已经是网页设计的基本技巧之一。

- 常见安全问题: 如果不更新防毒软件,就更容易中毒。同样道理,不更新浏览器也更容易遭受黑客攻击。网上随处可得让IE6崩溃的代码。 我就不告诉你完整代码了,你可以在Wikipedia上找找看。IE6就是这么不稳定……

- Digg(Digg), Facebook(Facebook),以及 YouTube (YouTube) [即将不支持]: Digg和YouTube都发布公告宣称,他们将逐渐放弃对IE6的支持。Facebook已经开始对IE6用户下手——使用IE6登录会出现一条建议你升级浏览器的提示信息。是的,在不远的将来,你将无法使用Digg挖文章,用Youtube收看视频…… (笨活儿:在墙内,根本不用等到将来…)

其他互联网公司也宣称,IE6对它们造成了很大限制。37Signals,很多极为流行的基于Web的商业软件(如Basecamp (Basecamp))的缔造者,就决定削减对IE6的支持。他们说:“继续支持IE6就代表我们无法优化用户界面,或者为我们的程序添加增强的客户体验。”(笨活儿:国内互联网好像还未见有公司有这么勇敢?)

那么,为什么还有那么多人使用这过时的IE6呢?我觉得有两大主要原因:一是Windows XP绑定了IE6,将其作为系统的默认浏览器;二是很多公司的IT部门都怕麻烦而懒得为公司的电脑升级——还得去说服那些电脑小白去习惯新浏览器。小白们都很容易满足,除非遇到什么大事——比如说Google在IE6下打不开了——他们才不会有什么不满。

尽管如此,Web世界还是勉强能够突破IE6强加的重重限制。不过,“好日子”不长了,新技术正在攻占Web世界的战略要地。有一项IE6完全无法处理的重大技术即将登场:HTML 5。

下一站: HTML 5

HTML (超文本标记语言)是塑造万维网的基础 —— 任何一个写博客的人,肯定都接触过HTML标签。HTML 5是下一代HTML语言,随之而来的一系列特性是非常耀眼的,尤其是自从Google (Google) 和 Apple 公司的专家加入之后(分别是Ian Hickson 和 Dave Hyatt),新特性的光芒越发闪耀。

Google尤为努力地推动着HTML 5的发展。因为HTML 5确实能带来可用性的增强,也将为Web开发提供无限可能。 在今年的Google I/O会议上,Google介绍了HTML 5的预期功能(有视频(需翻墙),笨活儿过几天发布中文字幕版)。其中最酷的地方包括:

- Video 标签: 通过使用<video>标签来标记视频,你可以直接在HTML里插入视频。而且,你能很容易地控制视频播放界面的外观。

- Audio 标签: 和视频标签类似,<audio>让您更容易地插入音频。

- Time 标签: 此标签能让浏览器识别HTML页面里的时间。同时也提供<meter>标签标记度量值。

- 拖放: 尽管这一特性还存在争议,但HTML 5将最终实现直接拖放文件到浏览器中给HTML页面处理的功能。拖放操作在Google即将发布的通讯整合产品Google Wave (Google Wave)中应用广泛,这大概也是他们如此努力推动这项功能的重要原因之一。

- 本地存储: Web应用使用起来的感觉已经和桌面应用差不多了,只是它们还无法直接在本地电脑上保存你的工作。HTML 5将解决这一问题。

- 地理位置: 使用HTML 5,您可以实现让Web应用通过读取你的所在地信息而提供更加密切关联的信息。随着利用所在地位置的移动设备的崛起,这一点将越来越重要。

- 即时二维绘图: HTML的canvas元素允许你利用脚本来绘制位图。也就是说你可以完全在HTML的框架内绘制漂亮的图像。很多Web应用的界面将变得更加丰富和有动感。 Mozilla Bespin 是一个非常强大的项目,它利用HTML 5实现了一个在线代码编辑器。你应该也猜得到,它并不支持IE6。

和任何一门优秀的语言一样,未来的HTML 5还会加入更多功能。如果你有兴趣完整了解HTML 5,我推荐您阅读IBM developerWorks上的一篇文章:HTML 5 中的新元素。不过,重点在于:旧有的浏览器也能处理使用HTML 5标记的网站,只不过有部分新功能无法实现罢了。只要越来越多的公司放弃IE6,就可以将这部分守旧的用户忽视不管了。

IE6已经阻碍我们的创造力太久太久

Browser Logos Image从2001年起,我们就持续忍受着IE6百年不变的苦瓜脸,现在终于就要抵达突破的时刻。各大互联网公司都对此有所察觉。YouTube和Digg显然已经失去了继续支持老旧浏览器的耐心,才会放出话来说他们将逐渐放弃对IE6的支持。越来越多的公司加入进来,因为他们最终都会发现,付出那些让网站在微软的破浏览器里也正常运作的代价,是越来越不值得了。

不过如果我们向前展望,HTML 5作为标准将方便我们建立起更为丰富多彩的Web应用。我们的生活和互联网的联系越来越紧密,Facebook 之类的应用将更为不可或缺。Google适时地宣布了Google Chrome OS的消息。这一建立在浏览器基础上的操作系统将能够完美运行各种Web应用程序。然而,如Google Wave之类的富应用项目,如果必须屈身于一只老旧的浏览器,它的潜能将会或多或少(或者完全地)被埋没。

IE6在2001年时的确够用了, 但对于不断发展的Web应用程序——那些作为工具的需要和桌面应用一样无缝运行的Web应用——来说,这种需要大量HACK,需要花费大量时间和精力才能保证网页正常工作的浏览器实在应该靠边站。现在,让保守者升级浏览器的唯一方法只能是——让他们发现自己最喜爱的网络工具突然不能在IE6下正常使用了。而只有让用户转变,开发者才能更放心地使用HTML 5这种新技术,而不是继续在过时的技术中沉迷。

简而言之,我们正处在Web技术发展的十字路口,要继续前行而不走弯路,我们就必须把IE6这个路障清除干净。行动起来吧,朋友们!

笨活儿的旁白

这篇文章是在Twitter的热门关键词里发现的。前天“IE6 Must Die”一直在Twitter上晃来晃去。

原文在此:http://mashable.com/2009/07/16/ie6-must-die/

目前,mashable发起的这一抵制IE6的活动已经有7700多名Twitter用户的参与(并且还在不断增加中……)。你也可以到Twibbon参加这个改头像请愿的活动。

而在实际项目的开发中,你也可以和你的产品经理商量一下,要么给IE6用户增加一些提示升级的推广信息;要么对他们关闭某些功能(前提是务必说明你有这些高级功能,并且为什么给他关了……)。【更多实际行动,请参考Shawphy的这篇博文。】

笨活儿博客就添加了明显的“扰民信息”……

upgrade-message

“升级您的浏览器”链接到这里:http://fallwith.me/no-ie.html。欢迎您直接套用我的模板。

本文极为渴求被转发!不注明出处也没关系!!搞前端的,都行动起来吧!

本文蓝色理想讨论帖:http://bbs.blueidea.com/thread-2939958-1-1.html

咱再换个话题?→ 《英国达人S03E07 – 最后的海选& 半决赛Final 40揭晓》


标签:CSS • HTML5 • Web标准 • 浏览器

© 笨活儿   允许转载,但请以链接形式保留出处。也欢迎您使用RSS订阅本博客。

  • « 固定 vs. 流动 vs. 弹性:哪种布局更适合你?[SM]
  • 舞林争霸 – Melissa & Ade »

此文被敲了 28 下了已经

  1. Y.Jiajia ←@
    七月 20, 2009 12:02 下午

    在中国IE6的存活率还是相当的高的,一部分也是因为Ghost依然保留停留在IE6举,如果真能把IE6干掉,那真是太爽了!双手+双脚支持!转了~

  2. Web技术要发展,IE6必须被消灭! | YSlove.net ←@
    七月 20, 2009 12:04 下午

    [...] 转自:笨活儿 原创文章转载请注明:YSlove.net 本文固定链接:http://yslove.net/2009/07/ie6-must-die/ [...]

  3. 个篱 ←@
    七月 19, 2009 11:29 下午

    为什么RSS不是全文嘞?

    • 杨 建超 ←@
      七月 20, 2009 8:54 上午

      因为很多RSS订户都是因为《英国达人》来的,估计他们不会喜欢看这种技术类的文章吧?

  4. grrr999 ←@
    七月 20, 2009 12:10 上午

    遨游2,IE8 都弹叫我升级?起码做下测试啊……

    • 杨 建超 ←@
      七月 20, 2009 7:58 上午

      这个…… 我这里用IE8直接访问是没有问题的。没有试傲游2下的IE8……

      换了段代码:

      var _uIE = navigator.userAgent.indexOf('MSIE'), //user-agent
      _uIEv = navigator.userAgent.substr(_uIE+5,1) ;//IE verson
      _IEtooOld = (_uIE>=0&&_uIEv<=6)?1:0;

      if(_IEtooOld){ //Fuck IE!
      _msg = "你正在使用老旧的IE浏览器(IE"+_uIEv+")浏览本页面如果继续浏览,您将遇到很多麻烦!强烈建议您升级您的浏览器"
      alert(_msg,30000);
      }else{
      //other stuff.
      }

      你现在试试看呢?

      • grrr999 ←@
        七月 20, 2009 9:17 下午

        已经不弹了,昨天是IE8和遨游2都弹让我升级……晕死!

      • grrr999 ←@
        七月 20, 2009 9:25 下午

        另外……用IE系的浏览器访问你的BLOG简直是自虐,慢的要死!用chrome爽到极点! 难道这就是JS加载速度的问题?

        • 杨 建超
          七月 21, 2009 10:38 上午

          是啊,性能上肯定有一点差距的…… 我都又做了一些优化,现在应该好点了吧?

  5. vienya ←@
    七月 20, 2009 2:10 下午

    没办法····我用的是360用的就是 IE6内核···
    你要我要是把我机子上的IE6升到IE7-8
    应该摆脱了这个尴尬吧···

    • 杨 建超 ←@
      七月 20, 2009 2:37 下午

      对啊,内核升级了还是能继续使用你喜欢的外壳……

  6. 花匠 ←@
    七月 20, 2009 6:09 下午

    支持一下.早前ITFeed就抛弃IE6了,哈哈.是完全屏蔽,看都不让看,哈哈.

    • 杨 建超 ←@
      七月 20, 2009 7:30 下午

      IT界的网站,当然可以放心大胆这么做。搞IT的人如果还把IE6作为自己上网的主浏览器,完全应该被鄙视。

  7. Bernina ←@
    七月 21, 2009 10:35 下午

    我妈的电脑上就是IE6
    她是搞联通的,电脑要用来办业务
    对电脑屁都不通只会开机关机交话费
    还不准我动她电脑
    那破机器
    叫我用我也不会去用
    再说我瞅着那IE6的图标心里就难受……太破了。

    发现我也还真是无聊
    看到这文章以后还专程打开我妈的电脑用那IE6来上你这博客看看……嘿还真好玩。

    • 杨 建超 ←@
      七月 21, 2009 10:49 下午

      那麻烦您告诉我一下,是不是真的用IE6就很慢……

      • Bernina ←@
        七月 21, 2009 11:52 下午

        是挺慢的
        比Chrome慢了不是一两点
        不过对于IE6的用户来说应该是可以忍受的
        毕竟他们已经习惯了不是
        耸肩,摊手……

  8. keelii ←@
    七月 23, 2009 11:31 下午

    不错,决定web发展方向的主力军不是咱,是用户们。

  9. 吉光片羽 ←@
    七月 28, 2009 3:55 下午

    看来我赶上趟了,新建的博客有已经基本放弃IE6了!

    • 杨 建超 ←@
      七月 28, 2009 4:33 下午

      是么?怎么我看你的站还有些IE6 only的代码啊…… window.status…

  10. Todd ←@
    八月 3, 2009 11:43 上午

    为什么现在还有人在用 IE6 呢.

  11. 愚人码头 ←@
    九月 7, 2009 5:20 下午

    单纯的让ie6退役还是不够的,ie6消失了还有ie7-ie8;

    • 杨 建超 ←@
      九月 7, 2009 7:23 下午

      ie7-ie8将来的升级应该要比ie6容易得多……

      一步一步来嘛,IE7的怪异行为比起IE6可少太多了……

  12. IE6的生死取决于微软的姿态 « Deep Yawn ←@
    九月 10, 2009 11:44 下午

    [...] 分析以上三类用户,可以看出,并不是IE6用户没有察觉IE6漏洞百出、功能极弱,要不然外壳式浏览器就不会如此盛行。让这些用户换用firefox、chrome、opera或许仍很困难,但让他们继续追随微软升级到IE8却应该不会产生太大的抵触。所以,真正能撼动IE6地位的只有微软自己,微软的姿态才是IE6生死存亡的关键。 [...]

  13. 123 ←@
    十月 6, 2009 1:57 下午

    chrome,你说了半天也没看明白,一查就是个古柯留缆器。垃圾的要死,4年前就用了。不好用,还不如火狐说句真心话吧,好不好谁用谁知道啊,骂ie6得人真不知怎么想的!任何软件使用要得到硬件的支持,只能说没有完美的浏览器!ie6缺点是防病毒能力比较差,别的速度还是很快的!!火狐缺点是有的电影不能播放!!

    • 慵云 ←@
      十月 7, 2009 10:59 下午

      看来你挺牛逼啊。 Chrome四年前就有么?怎么我记得好像是去年才出来的。

      你的优点和缺点也完全是外行话。不懂互联网的话就还是不要参与这种讨论了。隔行如隔山。

    • 齿轮 ←@
      一月 16, 2010 2:29 下午

      晕…软件的好坏不是一个人说的算..不是几个字就可以概括的…
      看来你也就是聊聊QQ上上百毒看看电影的份了….
      你不该来这里的..

      • 慵云 ←@
        一月 16, 2010 5:19 下午

        这是我的地盘,我不来这里我去哪里?

  14. 浅谈前端新人的职业规划 - 笨活儿的Web前端和网页设计 ←@
    十二月 6, 2009 11:00 下午

    [...] 浏览器兼容一直是前端开发的重中之重。既是最费时也最无趣的部分,也是需要前端开发作为独立职位的一大原因。既有人抱怨“IE6去死吧!”,也有人说“IE6死了,我们就没工作啦”(当然,后者目光比较短浅)。IE6已经活了整整10年,上个月淘宝的访客还有70%是IE6用户。IE6一日不死,HTML5/CSS3这些新东西就一日不能全面部署。 [...]

多说话有益身体健康

点击这里取消回复

请勿发表“顶”、“好”、“很有用”之类对他人没有帮助的话。欢迎针对文章内容发表您自己的真知灼见。

点击人名后面的 ←@ 可以回复TA。如果已经超过回复层级,您可以在上一级回复,并记得加上“@称呼”以注明您回复的是谁。

您可以订阅本文的RSS供稿,及时了解大家的讨论进度。


唠唠叨叨:
  • 03月13日
     @freeme 貌似你很有写情书的天分嘛... 
  • 03月13日
     我日,怎么又到了这种一醒来就开始想某某人的状态了。 
  • 03月11日
     如果你肯爱我,我肯定不遗余力地爱你。当然,前提是我已经有了爱你的冲动。 
  • 03月11日
     其实我们可以从屁的响声中分辨出他是否还会放下一个屁。意犹未尽和气数已尽的屁响法是不一样的。 
  • 03月07日
     以上是我比较看重的优点,也是我自己努力的方向,更是我的择偶标准。而多大程度上认同和自我要求这些则决定我愿意和某人成为多要好的朋友... 

由 嘀咕 提供服务


  • 择日再见 Calendar

    2010年三月
    一 二 三 四 五 六 日
    « 十二    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
  • 订阅 Subscribe

    • google reader
    • 抓虾
    • 鲜果
    • 有道
    • QQ邮箱
    • 哪吒
    • 九点
    • 更多方式...
  • 广告 Ads

  • 分类文章 Categories

    • Web技术 (30)
      • 交互和UE (2)
      • 前端开发 (14)
      • 网页设计 (9)
    • 外语笔记 (8)
      • 英语精译精析 (5)
    • 好康推荐 (15)
    • 娱乐至死 (34)
    • 生活琐碎 (37)
    • 设计丛谈 (5)
  • 有情博客 Blogroll

    • 个篱: 音乐媒体观察
    • Fall With Me
    • 亲泥巴

    更多

  • 热文 Hot Posts

    • 《民主的细节》免费赠送
    • Web技术要发展,IE6必须先消失!
    • 面试心得
    • 对《民主的细节》赠送活动的一点小牢骚
    • 浅谈前端新人的职业规划
    • 网页设计中的包容原则[ALA]
    • [Britain's Got Talent]英国达人2009年度冠军Diversity视频合辑

校内 | 豆瓣 | Last.Fm | Facebook | Google Reader | 百度 | 维基百科

© 笨活儿 2009

本站所有内容均可自由转载,但请遵循CC协议规定

Powered By WordPress, Original Theme by BenHuoer