IE6的BUG及修复 谓防患于未然的策略

验证你的代码

我曾听说过有些人认为校验代码没有任何实用价值，但我不这么认为。校验仅仅只需花费一点点时间，而且将受益于所有浏览器而非仅仅IE6；验证确保了向后兼容并且易于维护。至少也得验证XHTML！唯一可以忽略验证的情况是在你打算使用CSS3时。
你可以使用w3提供的工具 验证XHTML / 验证CSS

先对标准浏览器进行兼容

在写代码的过程中，一开始在标准浏览器中测试（如 Firefox, Opera, Chrome等），然后再去测试非标准浏览器（如IE6/IE7），因为这些标准浏览器都遵循w3c标准，大多的处理方式都相同。你可以分开来单独去兼容“特别”的IE浏览器，这样做能规范你的代码，你将会因此拥有扎实的基础；而且如果你不再需要兼容这些非标准浏览器，你可以一次性删除这些修复兼容性代码。

渐进增强(Progressive Enhancement)

渐进增强(Progressive Enhancement)是为了确保没有页面特效后基本功能也是可用的。简单来讲，渐进增强是指在确保页面在禁用JavaScript后能正常运作后，再对页面添加各种特效（JavaScript动画、Ajax异步等等）。我们同样可以运用“渐进增强”原则来使用CSS3（或者一些CSS2）、HTML5以及其他IE6所不支持的web规范。
某些情况下，是无法让所有用户在任何浏览器下都完全一模一样，特别是那些使用IE6的用户。运用渐进增强策略，可以保证让那些用户至少使用到你网站（或网络应用）的基本功能。

更多渐进增强的资料：

• 理解渐进增强（译文）
• Understanding Progressive Enhancement
• Progressive Enhancement With CSS
• Progressive Enhancement: What It Is, And How To Use It?
• Graceful Degradation vs. Progressive Enhancement
• Pragmatic Progressive Enhancement - Why You Should Bother With It

使用自己的预设样式（CSS Reset）

每个浏览器都有各自不同的预设样式，在你的样式表之前使用预设样式（CSS Reset）可以避免在之后编写冗长的浏览器兼容样式。在网上有很多CSS Reset可供参考。

简单CSS Reset示例：

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,
th,td {margin:0;padding:0;}

一些可供参考的CSS Resets：

• YUI CSS Reset
• Eric Meyer's Reset Reloaded
• KISSY CSS Reset

使用JavaScript框架

如果你的网站使用了较多的JavaScript特效，建议使用JavaScript框架。大部分的js框架都兼容了包括IE6在内的各种浏览器。可选的框架有很多，但一般能用一种框架实现的效果一定可以用另外一种框架实现，所以你可以根据个人喜好来选择合适的框架。

以下是一些常用的JavaScript框架：

• MooTools
• jQuery
• ProtoType with Scriptaculous
• Dojo
• Ext JS

强烈推荐实用MooTools，但如果你是入门者，还是建议使用jQuery。

使用JavaScript模拟标准浏览器

现在有一些JavaScript来使IE模拟标准浏览器，如果你有较高比例的用户使用IE6并且开启了JavaScript，可以考虑使用 Dean Edwards 的 IE7 或者类似的脚本。
<small>译者注：不建议使用这些脚本，因为这些“模拟”的实现往往会消耗大量的资源，IE本来就够烂了。</small>

如何在IE下调试页面

在IE下调试页面很麻烦，Firefox下的扩展程序 Firebug 和 Web Developer Toolbar 都是很好用的工具，如果你想在IE或其他浏览器上使用firebug，可以用Firebug Lite。
在IE下有两种最好的调试方法：IE Collection 和 IETester，并且都是免费的（虽然有一点点缺陷）。IETester的开发者也提供了 DebugBar 这款IE插件免费供个人使用，但商业用户只可试用60天。

最新评论