什么会导致网站在IE中看起来和行为正常但在Firefox中不行？

Question

我意识到这个问题与大多数此类问题相反。换句话说，在Internet Explorer中“看起来很棒”，但看起来很糟糕，或者在Firefox / Chrome /等上根本不起作用。

我有一个.NET Web应用程序。当它在2003年首次设计/构建时，由于几个不再相关的原因，该应用程序仅为IE构建。我们现在想要扩展以包括对更多浏览器的支持，但是，对于大多数页面存在“某些”或其他错误。

• 元素根本不渲染
• Javascript事件不会触发
• 元素呈现不正确

我有一种预感，其中大多数都与CSS有关，这是因为IE历史上“修复”了不兼容的HTML及其自己的渲染修复。我们无法完全重写所有内容，但我正在寻找一些关于我们可能将其视为起点的提示。

我理解特定的解决方案需要特定的例子，但我正在寻找的是一般概念或一类解决方案。基本上问题是这个。基于这样一个事实，即应用程序在IE中看起来很棒，但在Firefox中却很糟糕。有什么可以推断的，这将有助于我集中研究知道在哪里寻找解决方案吗？

Answer 1

首先，您需要Firebug，这是一个非常有用的Firefox调试工具。有了它，您将能够在Javascript中调试和设置断点。您还可以将Firebug设置为中断错误，以便您能够跟踪这些错误。

从那里，我建议验证您的HTML和CSS，这将帮助您查明可能不会跨浏览器的无效标记。

• W3C HTML Validator
• CSS Validator

此外，有一个名为jslint的方便工具可以帮助追踪应该重构的Javascript“代码味道”。

Answer 2

2003年，Web开发人员对一致的跨浏览器，符合标准的CSS和Javascript缺乏了解。

考虑到它是IE特定的，它绝对使用IE特定和非标准的东西，如：

• IE特定的DOM函数（attachEvent，not addEventListener）
• IE特定的Microsoft.XMLHttp而不是window.XMLHttpRequest
• IE特定的非符合规范的CSS规则
• DOM 0标准document.forms.blah引用
• 无效的HTML

  

基于应用程序的外观   在IE中很棒，但在Firefox中就像垃圾一样。   有什么可以推断出来的   将帮助我集中研究知识   在哪里寻找解决方案？

• 确保源不是来自Microsoft，因为通常Microsoft开发人员与标准脱节。有例外，但作为一般指针。
• 通常你想避免来自浏览器供应商的解决方案，因为他们会迎合特定的浏览器，但Opera / Webkit（Chrome，Safari）/ Firefox开发人员通常在跨浏览器解决方案和符合标准方面更有知识比M $更多。
• 使用W3验证程序更正标记。使用基于浏览器的任何开发人员工具（Firebug，Chrome Developer，Dragonfly）
• 使用archive cross-browser bugs。
的网站

Answer 3

可能它会大量使用ActiveX和其他M $独占的东西。

您应该考虑使用不会将您绑定到特定平台/浏览器的工具来设计网站。