移植web应用程序以在IE7中工作

Question

我正在开发一个web应用程序，它使用了大量的Javascript和CSS，都是我自己创建的，也是通过第三方库实现的。其中包括jQuery和Google Maps & Visualization JS。

我一直在测试Firefox3中的所有东西，一切都很顺利，直到这个网页应用的主要目标是(cue sad trombone) IE7。我正在寻找警告、建议、库或其他参考资料，以帮助尽可能容易地完成这一过渡(并不是说它实际上会很容易)。

我已经尝试过IE7.js了，尽管它还没有显示出它是我所希望的银弹。我确信它会像宣传的那样工作，我认为它并不像我想的那样无所不包(例如:像#4684EE和#DC3912这样的颜色，它们在FF3中被正确渲染，在IE7中被渲染为黑色，不管有没有IE7.js)。是否有其他库可以帮助使IE7 (更多)与FF3保持一致？

随之而来的一个问题:你会为IE7推荐什么样的调试器？我目前使用的是Firebug Lite，但它运行起来非常慢。有没有我可能遗漏的类似功能的东西？

Answer 1

就库而言，jQuery在所有主流浏览器上都是兼容的，所以至少你已经准备好了。如果不确切知道你使用的是哪些插件/模块/库，我不能推荐跨浏览器兼容的替代方案。

你可以看看Internet Explorer Developer Toolbar。它远不如Firebug好，但总比nothing好。

Answer 2

获取火狐的IETab插件，这样你就可以在测试火狐的同一个标签页中启动IE了。获取Firebug的完整版本。它将完美地为您处理HTML，CSS和脚本。用于验证HTML和CSS的HTMLValidator。如果您没有Web Developer工具栏，那么它是必须的。我甚至不能详述它的一小部分好处，从图片到源代码查看，再到验证脚本，它有很多好处。

我对IE7使用了一个单独的样式表。与原始样式表相比，它没有太多更改，但足以使在IE7中的查看接近FF。我尽量不为IE6做任何事。事实上，我鼓励IE6的“衰落”。它已经有近十年的历史了，充满了bug，现在还没有得到支持！

不幸的是，微软并不是真的想和想要web标准的W3C和开发人员站在同一个页面上，这样你就不需要处理你现在正在经历的事情。不管他们说什么，他们仍然在与其他浏览器“竞争”控制，这伤害了开发人员。

Answer 3

编写跨浏览器的代码是一个很大的话题--你不能真的把它概括成“不要向左浮动和向左填充”语句，然后就可以完成了。

ie的单独样式表是杂乱无章的，不需要IMO。

一般来说，firefox会在很好的情况下修复损坏的代码，所以有可能至少有一些东西在IE中看起来很糟糕，因为firefox正在为您修复开放标记。

对已经完成的站点进行重新切片可能是最简单的方法。你应该能够在几个小时内完全从头开始重做CSS。

但所有这些建议可能并不适用--更容易看到您正在讨论的代码。