瞭解跨瀏覽器兼容性

Question

我專注於服務器端開發幾年，現在我分支到客戶端應用程序構建。

我必須說，我發現很難使客戶端應用程序看跨多個瀏覽器一樣的....

是否有任何像樣的網上資源，可以幫助更快學習跨-browser兼容性原則......

Answer 1

對於HTML/CSS的一部分，我發現，如果你遵循以下兩條規則，事情通常工作了相當不錯：

• 寫符合標準，語義HT ML。首先關注語義正確的文檔結構，然後使用CSS將其按照您想要的方式佈置。如果您覺得自己絕對必須，只需更改HTML。避免使用HTML和CSS難以正確處理的佈局模式，並且如果必須的話，包含大量關於這些事情的文章。
• 在所有瀏覽器中測試。如果你對web開發很認真，你需要一堆測試設置;至少，我建議你準備好這些：Internet Explorer 6,7和9（這意味着你必須使用虛擬機，因爲沒有辦法在同一個操作系統安裝上真實地模擬不同的IE版本）。 Firefox 3.6和7（或任何當前版本）;最新的谷歌瀏覽器;比較舊的Chrome或Chromium（我使用debian中的鉻）; Opera（因爲它不與任何其他瀏覽器共享任何重要組件）。如果您可以買得起Mac，請將FF/Mac和Safari添加到組合中。如果您是爲移動設備開發的，則還需要對這些設備進行測試 - 至少Android和iOS。

如果您有支持老版本的Internet Explorer（7或喘息，6），然後有條件的評論是你的朋友 - 我一貫的策略是進行第一次在所有其他瀏覽器工作的設計，然後在條件註釋中添加一個或多個特殊樣式表（以便只有IE加載它們）才能修復這些破壞的瀏覽器的內容。

對於JavaScript部分來說，理智的做法是去一個拋開各種異能的框架 - jQuery可能是目前最流行的框架。