今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute('name', _variable); 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. (IE8 是可以的, 但 IE8rc1 不行)

后来我查看了 MSDN, 得到信息如下:

Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element with a NAME attribute in earlier versions of Internet Explorer, include the attribute and its value when using the createElement method.

也就是说, 我们必须通过带属性和值的标签来创建有 name 属性的元素. 为求各浏览器兼容良好, 代码可以这样写:

var element = null;
try {
	// IE6/IE7 构建方式
	element = document.createElement('<input name="radio-button">');
} catch (e) {
	// W3C 构建方式
	element = document.createElement('input');
	element.name = 'radio-button';
}
// 定义其他属性
element.id = 'radio-1'
element.type = 'radio';

以前我是一个 Java 开发人员, 实际工作中 JavaScript 的代码量其实不多, 在自己的一些小应用中往往只是小打小闹, 会 (潜意识地) 避开一些可能出问题的地方, 像跨域使用 AJAX, IE 内存泄漏这样的问题很少回去考虑. 但在转做 UED 后, JavaScript 和交互应用肯定会成为我以后的工作重点, 发生大小各异问题的机会相当多 (现在几乎每天都有), 在解决各种问题的过程中, 我痛并快乐着. 本着不瞎搞, 少折腾的原则, 有必要把这些记录一下, 为自己备份, 更能与人分享.

• IE6 必死
• JavaScript 的命名空间
• 用 JavaScript 实现变速回到顶部
• JavaScript 初始化装载方法
• 通过 JavaScript 获取页面上的鼠标位置

最近 Twitter 上很多人在推一个名为 IE6 Must Die 的活动, 参与的朋友可以通过头像转换服务在自己的头像上加上一个禁止 IE6 的图标, 很是拉风.

Internet Explorer 6 是曾经浏览器的霸主, 击垮 Netscape 并最终占据 95% 的浏览器市场. 但如今已经功能性能落后, 还需要特殊照顾, 被称为阻碍网络技术向前发展的障碍.

为了推动 IE6 的灭亡, NeoEase 即日起, 会为 IE6 用户进行更新提示, 提示信息会显示在页面的右下方, 每星期一次. 效果如右图所示.

IE6 为何不死?

IE6 久久不离其位当然是有原因的, 根据网上资料与个人总结, 得出以下几点:

1. 普及时间长, 用户已经形成了使用习惯, 甚至形成以偏概全的认知. XP 的成功和长寿让 IE6 成为大家最熟悉的软件之一, 而且 2001 到现在正是网络发展最快速的几年, 很多用户一直只适用 IE6, 他们找不到 Internet Options 菜单项, 无法理解其他浏览器新奇的标签和工具, 甚至认为 IE6 就是网络.

2. 在 IE6 盛行几年间, 很多公司为了节约成本, 开发的应用系统只支持 IE6. 令人称奇的是现在还有很多企业继续生产这样的产品. 系统都做出来了, 现在去兼容吧, 不好意思, 合同没写, 加钱也未必做得到. 推倒重做吧, 不可能! 行, 那公司的所有电脑都必须使用 IE6.

3. 如果你有留意浏览器的市场占有率, 你会发现 IE 各版本的占有率和 Windows 的占有率成正比, 也就是说, 使用 Windows 系统的用户大部分都没有升级或者更换操作系统默认浏览器. Vista 的失败令 Windows XP 和 IE6 有更多的生存空间.

4. 还有一些顽固分子, 可能看着其他浏览器不顺眼或者觉得用旧东西比较酷 (我的某个朋友就经常吹捧他对 Windows 95 的熟悉).

5. 网页设计师和开发工程师, 他们是最大的受害者, 是最想摆脱 IE6 但又不能甩手放弃的.

IE6 为何该死?

IE6 是网页开发人员的噩梦. 他们必须花很多时间和精力去照顾这个老家伙, 所以这帮人很想整死 IE6. 从开发的角度来看, IE6 很该死的.

1. PNG 是一种支持半透明通道的图片, 可以方便的用于设计网页, 制作叠层和其他复杂的页面效果, 但是 IE6 不支持. 用滤镜强行应付会导致浏览器占用超高资源, 并且得不到预想效果.

2. IE6 有自己一套标准的 CSS 样式, 必须写更多的代码去照顾它. (个人认为 IE7 在这方面比 IE6 更糟糕)

3. JavaScript 与 W3C 出入巨大, 连 DOM (Document Object Model) 都不一致, 调用资源的代码也与 W3C 有很大的出入, 程序员被迫在本来就很松散和复杂的 JS 代码上追加很多判断语句.

4. IE6 对于页面控件的处理与众不同, 令人很头痛. 如: select element 的优先度很高会遮挡页面上 DIV 块, 必须 hack. radio 按钮和 checkbox 按钮的样式也无法定义, 很难统一页面风格.

另外, IE6 的安全性, 性能, 功能明显地已经满足不了现在的网络需求. 过两年, 能不能用来上 "饭否" 都难说. 更换浏览器是大势所趋.

加速 IE6 的灭亡

HTML5 筹备已久, Windows 7 呼之欲出, 这是一个消灭 IE6 的好机会. 很多网站纷纷向用户发送更新提示, 希望用户可以升级或者更换浏览器. 还有些网站已经完全不支持 IE6, 要求其访客更换浏览器.

前几天看到一篇文章, 题目好像是 "前端开发人员能支持 IE6 比较牛, 还是拒绝支持 IE6 的比较牛?" 前者认为用户需要尊重, 后者认为兼容是延缓 IE6 灭亡的主要原因. 不管你如何认为, 哪个更牛并无关要, 重要的是尽己所能把 IE6 推下悬崖.

什么?! 你还用 IE6? 换了吧! 我已经将本站使用的提示框做成了一个 Widget, 你可以简单地在 </body> 上添加以下代码将它添加到你的网页上.

<!--[if IE 6]>
	<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->

关于 Let's kill IE6 控件更详细的信息请查看以下页面:
http://www.neoease.com/lets-kill-ie6/

• 用 JavaScript 为元素加上 name 属性
• Internet Explorer 8 Beta 1
• Linux 是防毒专家?
• 中国是网络中的黑洞?
• WebQQ 也会变得恶心吗?

我的机器上很多浏览器, 但从来没有考虑过这个问题, 因为我觉得功能并不是我选择浏览器的重要指标. 直到看了 Top 10 browser features 一文, 我知道其实浏览器的功能正是左右我选择 Web 之门的主要因素. 文中作者列出了各浏览器中他认为最有价值的 10 个功能.

1. Firefox 3 的地址输入栏
当你在 Firefox3 的地址输入栏键入内容, 浏览器立刻向你展示一个相关网页的下拉列表. 列表内容来自浏览记录和书签, 快速而准确, 甚至可以让书签栏作废了. 这正是之前很多人说的, 将改变人们的浏览器使用习惯的功能.

2. Safari 4 的速度
Safari 最大的优点就是快. 由于 Web 程序, 尤其是 JavaScript 应用越来越重要, 我们需要更快的浏览器为我们呈现页面和数据. 从 Google 对待 Chrome 的态度可以看出, 这是浏览器的一个发展方向.

3. IE 8 的标签
升级到 IE8 的朋友可能已经发现, IE8 的 blank 页面被改造成了一个标签库, 里面是用户先前访问的一些网页, 剪贴板内容等. 另外, IE8 会对不同站点用不同颜色的标签区分开来, 很人性化.

4. Firefox 的标签管理器
通过简单而直观的表格化数据, 用户可以方便地整理, 查找书签或搜索浏览记录. (偷偷告诉你一个小技巧: 可以创建一个 Location 为 chrome://browser/content/places/places.xul 的书签在标签中打开标签管理器)

5. Safari 4 的可视化页面搜索
当你在其他浏览器中查看或者搜索浏览记录时, 你可能会看到一些网页的标题和地址. 但用上 Safari 4 之后, 你不需要再记住那些网站对应的标题和地址了, Safari 将为你展示一个页面的减缩图以取代那些枯燥乏味的文本信息.

6. Chrome 的自动更新
不知道为什么他会喜欢这样的功能, 而在我的立场, 这是 Google 软件最糟糕的表现. 当然, 这比起 Apple 在软件捆绑浏览器的做法会得正道一点, 好歹软件也是你同意装上去的.

7. Firefox 的可扩展性
这没什么好说的, 全世界公认他的好, 现在 IE 和 Chrome 也正在仿效. 正是这个强大的功能, 让我坚决地选用了 Firefox, 因为有了它, 其余浏览器优点 (速度除外) 都可以被复制到 Firefox.

8. Safari 的用户代理模式
说白了就是伪装自己, 让网站以为是别的浏览器在访问, 或许它可以方便开发者进行网页调试.

9. IE 8 的安全模式
其实这不是 IE8 的特产, 先行者应该是 Chrome 才对.

10. Chrome 的 Most Visited 页面
功能与 IE8 的 blank tab 页面功能相似, 先行者应该是 Opera, 而现在 Safari 4 也有这个功能.

显然, 这是个很主观的列表, 那你是否也有心目中的 10 大浏览器功能? 如果让我来写, 我可能只会为你罗列一堆 Firefox 的扩展, 它们几乎可以帮我做到一切.

• 在 Firefox 标签页中打开书签管理器
• Google DevFest 互联网技术交流会
• 网页抓图工具 Pixlr Grabber
• 带涡轮加速器的 Opera 10
• 手动为 Firefox 添加支付宝安全插件

微软 IEBlog 的 Prepare for Automatic Update distribution of IE8 一文透露, 准备本月第三周通过 Windows 更新向用户推送 IE8 自动更新通知. 将会先向少量用户推送, 并逐渐在所有用户中展开.

届时在 Windows XP/Vista/Server 2003/Server 2008 上使用 IE6 或者 IE7 的用户将会看到一个关于 IE8 自动更新的通知窗口. IE8 不会自动更新, 用户需要选择是否升级到 IE8.

考虑到企业用户一般会推迟更新浏览器时间, 微软早前还发布了一个叫 Blocker Toolkit 的工具, 可以使自动推送 IE8 的功能失效. 当然, 如果你对更新迫不及待了, 可以到 http://www.microsoft.com/ie8 下载 IE8 并进行安装.

为什么微软急于推送 IE8 呢?
近年来 IE 在浏览器市场的占有率持续地被 Firefox, Chrome, Safari 蚕食;
IE6 已经远远不能满足现在网络应用的需求, 虽屡立奇功, 但早已是该死的东西了;
IE8 正式版发布已有一段时间, 但效果远远落后于当初的期望目标;
IE8 在浏览器市场的占有率先扬后抑, 而且多数用户来自 IE7;
微软对 IE8 有足够的信心.

在某个工具更新换代的时候, 好奇的用户很可能会去寻求其他代替品, 万一用户看上了对家的产品怎么办. 所谓肥水不流他人田, 适时告诉用户 "我们的产品更新了, 你可以立即升级使用", 先不说谁的技术更加高明 (微软一直认为 IE8 是最快的), 贴心提示会挽留很多用户, 从而保持自己的领先地位.

我在自家的老机器上将 IE 浏览器升级到 IE8 了. IE8 无论是速度还是网页兼容性, 都比 IE7 提高了很多, 而速度与其他几款浏览器相比还是略显逊色, 但不可否认 IE8 已经不错了, 而不像我之前说得那么一文不值 (因为不能兼容我的网页, 尽管它通过了 W3C 验证, 所以当时比较激动). 如果你正在使用 IE6, IE7 或者 IE8 beta/RC, 并不打算换用其他浏览器的话, 升级到 IE8 会是个不错的选择.

• Digsby = 即时通信 + 电邮通知 + 社区网络;
• UML 工具: ArgoUML
• 手动为 Firefox 添加支付宝安全插件
• Sync OpenOffice.org Docs with Google Docs
• IE6 必死

以上内容来自 QQlabs, 因为我觉得原语句太 "暧昧", 稍稍改了一下.
本人不常用 QQ, 也就不长篇大论了. 但客观来说, 这是个好用的东西, 就推荐一下吧.
相关页面: http://labs.qq.com/e/49/

相关牢骚:
马大侠送汪同学一个神秘 QQ 号, 传说为 "广东第一号". 而最近看到网上有评论说, 这将会是汪同学与网友新的交流渠道. 我咋觉得可笑? 就这股房肉, 就这有通涨没加薪的份, 他敢公布这个 QQ 号, 一人一句牢骚就埋掉他了.

• Google Reader Gadget
• 建立 Gtalk 群聊的两种方法
• QQ2008 初体验
• Chrome 走进网络生活
• QQ 邮箱体验室

大新闻, 今天微软发布了 IE8β1.
这次有很多有意义的更新:
1. 支持 CSS 2.1
2. 支持 HTML 5
3. 集成 IE Develop Toolbar
......

IE 支持 W3C 标准而放弃对以前的一些 IE 风格兼容, 看来很多系统要遭殃了.
HTML 5 微软有份参与定制, 不可能不支持. HTML 5 时代要来临了?
IE Develop Toolbar 是个好用的工具, 在其他版本的 IE 中也可以安装, 调试 JavaScript 和查看网页布局都十分方便. 相当于 Firefox 的 Firebug 扩展. 集成 IEDevToolBar 是不是想重新讨回程序员的欢心? 做 .NET 的都用 Firefox 的确够讽刺.
另外, 字体好看, 打开网页速度很快, 但耗资源, 跑个复杂的页面会有点卡 (我的机器比较老).
整体感觉不会比 Firefox 差, 就是少了些好的扩展.

我的天啊! 我竟然在推广 IE... 但的确不错, 我欺骗不了自己.
IE8 不能与 IE6/7 共存在系统上. 如果不需要再使用 IE6 或正在使用 IE7 的话, 可以考虑升级.
下载页面: Internet Explorer 8 Beta 1

PS: 可以安全的卸载, 并恢复到以前版本的 IE.

• Google.cn 的首页工具栏
• 10 个最佳的浏览器功能
• Chrome 走进网络生活
• 易趣的友情链接交换邮件
• IE6 必死