自動瀏覽器互操作性測試程序通過查看代碼

Question

假設我已經有有效的代碼，是否有工具或插件可用於評估我的網站代碼並突出顯示不同瀏覽器可能以不同方式顯示代碼的區域？我知道像browsershots這樣的網站，我有虛擬機測試，但我想知道是否有什麼可以通過查看衆所周知的跨瀏覽器兼容性紅色標記的代碼和警告來縮短過程。

例如，當使用尚未普遍支持的CSS時。以下是有效的CSS 2.1：

display: run-in; 

校驗其瞭解CSS 2.1將出色地通過了，但實際上，紅旗應該被拋出，表明它無法在Firefox 3下工作。在另一方面，

border-radius: 10px; 

實際上在更新後的瀏覽器中得到很好的支持，即使它是CSS3。

這是在Javascript新的，但也被驗證通過：

getElementsByClassName(); 

，但它會更好，如果一個警告彈出通知我，它不會在IE8工作。

另一個例子是衆所周知的渲染錯誤，這可以由怪異（有效）的情況觸發。我知道在每個系統上的每個瀏覽器中都無法替代開放網站來真正瞭解它是如何工作的，但我只是想知道是否有某種工具可以幫助檢查我是否正在編寫可互操作的代碼，這樣我可以在開發過程中更頻繁地進行測試，並且稍後花費更少的時間來處理錯誤。

Answer 1

不幸的是，答案是否定的。

我曾經開始着手創建一個完全按照您描述的工具。現實情況是，像jQuery這樣的大多數圖書館實際上使用來使用瀏覽器不兼容和對標準的不同解釋（或忽略標準）的。

因此，如果您使用的是任何標準庫，那麼您會收到大量的警告，並且實際上幾乎沒有任何警告。垃圾郵件的數量只會影響您可能引入的實際錯誤。

更重要的是，不兼容性是否會影響最終結果。因此，我們選擇了你所看到的是你測試的方法，而不是靜態代碼分析。