什么會導致網站在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驗證器

此外，有一個方便的工具叫做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）
• 使用存檔跨瀏覽器錯誤的網站 。

Answer 3

可能它會大量使用ActiveX和其他M $獨家的東西。

您應該考慮使用不與特定平台/瀏覽器綁定的工具來設計網站。