移植 Web 应用程序以在 IE7 中工作答案

【问题标题】：Porting a web application to work in IE7移植 Web 应用程序以在 IE7 中工作
【发布时间】：2010-04-24 02:30:41
【问题描述】：

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

我一直在测试 Firefox 3 中的所有内容。事情很顺利，直到事实证明这个 web 应用程序的主要目标是 (cue sad trombone) IE7。我正在寻找注意事项、建议、库或其他参考资料，以帮助使这种过渡尽可能容易（并不是说它实际上会很容易）。

我已经尝试过IE7.js，尽管它还没有证明自己是我所希望的灵丹妙药。我确信它像宣传的那样工作，我认为它不像我想要的那样包罗万象（例如：#4684EE 和 #DC3912 等颜色在 FF3 中正确呈现，在 IE7 中呈现为黑色，或没有 IE7.js)。是否有其他库可以帮助使 IE7（更多）与 FF3 保持一致？

一个必然的问题：您会为 IE7 推荐什么调试器？我目前正在使用 Firebug Lite，但它运行缓慢。有没有我可能错过的具有类似功能的东西？

【问题讨论】：

标签： javascript css internet-explorer-7

【解决方案1】：

就库而言，jQuery 与所有主流浏览器都兼容，所以至少你已经做到了。在不确切知道您正在使用哪些插件/模块/库的情况下，我无法推荐跨浏览器兼容的替代方案。

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

【讨论】：

【解决方案2】：

获取 Firefox 的 IETab 插件，这样您就可以在测试 Firefox 的同一选项卡内启动 IE。获取完整版的 Firebug。它将非常适合您处理 HTML、CSS 和脚本。 HTMLValidator 用于验证您的 HTML 和 CSS。如果您没有，Web Developer 工具栏是必须的。从图像到源代码查看到验证脚本，它有很多好处，我什至无法深入了解它。

我为 IE7 使用单独的样式表。它与原来的样式表没有太大的变化，但足以让在 IE7 中查看接近 FF。我尽量不为 IE6 做任何事情。事实上，我鼓励 IE6 的“垮台”。它已经快十年了，而且充满了错误，现在不受支持！

不幸的是，Microsoft 并不真正希望与 W3C 和需要 Web 标准的开发人员处于同一页面，这样您就不必处理您现在正在经历的事情。不管他们说什么，他们仍在与其他浏览器“竞争”以获得控制权，这伤害了开发人员。

【讨论】：

我已经拥有 IETab，但从未想过将它与 Firebug 结合使用。我得试试这个！
跟进：我不认为它真的有效，因为 IETab 使用了 Firebug 看不到的<embed/>。我错过了什么吗？
您可以用来查看页面。我认为您对 Firebug 内部的来源是正确的。我用它在 IE 和 Firefox 之间来回切换以查看布局差异。
另外，抓住 MeasureIt。如果您在另一个座位上，并且需要测量一块屏幕，它真的会派上用场。 ColorZilla 是一个不错的彩色滴管插件；您喜欢一种颜色并想知道十六进制/RGB 是什么，请单击它并找出答案。 ScreenGrab 是 Firefox 的最佳截屏插件；我用它来捕捉我认为鼓舞人心的网站的首页。字体查找器也很棒！就像不是图片的字体，突出显示，右键单击并选择字体查找器，它会告诉你一切：大小，重量，选择器，间距，装饰......我应该在我的原始帖子中包含这个，对不起！
虽然这肯定是有用的信息，但它与我的问题并不真正相关。这些通常与网页设计更相关。

【解决方案3】：

编写跨浏览器代码是一个很大的话题 - 你不能真正将其概括为“不要向左浮动和向左填充”语句并完成。

ie 的单独样式表很混乱，IMO 不需要。

一般来说，firefox 在很多情况下都会修复损坏的代码，因此由于 Firefox 正在为您修复的开放标签，您的某些内容在 IE 中看起来很糟糕。

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

但所有这些都是可能不适用的建议 - 查看您正在谈论的代码会更容易。

【讨论】：