如何解决html页面在firefox和chrome下运行良好，在IE下出错的问题？答案

【问题标题】：How to solve the problems that html page works well in firefox and chrome, but wrong with IE?如何解决html页面在firefox和chrome下运行良好，在IE下出错的问题？
【发布时间】：2011-05-10 17:01:37
【问题描述】：

我遇到一个问题，我的页面在 Firefox 和 chrome 中运行良好（几乎相同的外观和感觉）但在 IE 中非常糟糕。调整差异非常耗时。是否已经进行了任何研究来区分差异，或者是否有任何自动化工具来检查不兼容性？

顺便说一句：你们在 IE 中调试时使用的是哪个工具（比如 IE 的 firebug）？

【问题讨论】：

这个问题非常广泛。如果您针对您遇到的特定问题提出特定问题，您会得到更好的答案。
这是一场永恒的斗争。你最好习惯于学习差异并处理它们（这只会带来很多痛苦）。
你能推荐一个工具让我在 IE 中使用吗？像萤火虫
@Paul - 虽然它很广泛，但我认为这是一个相关的问题，如果它可以用一般方法来解决我们很多人面临的问题......

标签： html css internet-explorer firefox google-chrome

【解决方案1】：

欢迎来到烦人的 IE 世界。

IE8有一些版本的开发者工具，在你的键盘上点击F12就会弹出。（不存在于 6&7 中）

在 IE 中有许多记录在案的错误，一个简单的Google Search 会更好地帮助您，但是在您的网站在 FF 中运行之前无法解决很多问题。

我认识的大多数开发人员所做的就是在 FF 中制作网站，对 Webkit 浏览器进行一些小改动，然后转到 IE（不包括 6）并进行调试。

根据我的经验，确实无法判断 IE 下一步会出现什么问题，因此您可能只需要在它发生时处理它。

【讨论】：

我认为您需要专门为 IE6/7 安装 IE 开发人员工具，但在原生安装中点击 F12 将不会执行任何操作，除非在 IE8 中。
@乔纳森·戴；这就是为什么我说“IE8 有一些版本的......”

【解决方案2】：

ie7-js 是一个 JavaScript 文件，可自动修复所有版本的 Internet Explorer 的许多错误。像魔术一样工作。

【讨论】：

【解决方案3】：

您最好的起点是始终使用某种“重置机制”，例如Eric Meyer's CSS Reset 或类似HTML5 Boilerplate 的框架，它们有助于减少浏览器之间的差异（不是全部，而是大部分）。如果这是不可能的（项目已经在完成阶段等），您可以随时在这里提问，查看Position Is Everything 以获取错误描述，Quirks Mode、SitePoint reference 和其他各种网站（Google 是您的朋友 :) )。希望这会有所帮助。

IE 有“调试”工具 - IE Developer Toolbar - 但它的实用性无法与 Firebug、Dragonfly 等相比。 IE8+确实对调试有更好的支持，不过……有一些文章建议using Visual Studio，但我没试过。大多数情况下，这只是 IE 的反复试验:)。

【讨论】：

【解决方案4】：

为了在 IE 中获得更快更好的结果，您可以使用 CSS Hacks 来调整 HTML 元素。

对于 IE，我们有 IE Developer AddOn

你可以在这里下载：http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535

【讨论】：