我正在進行網站設計的第一次嘗試，並且我學到了很多東西。我現在也正在看到爲什麼Web開發人員不是開發Internet Explorer的忠實粉絲。沒有什麼似乎符合我的期望。但是，由於該網站必須跨瀏覽器工作，因此我花時間在Firefox，Chrome和IE上查看它。然而，對我而言非常不明顯的是如何判斷問題出在哪裏。在各種瀏覽器中調試網站
例如，我的一個頁面的佈局強制頁腳位於頁面的底部。它在Chrome和Firefox中看起來很棒，但IE中存在一些問題，使頁腳與右側對齊（並導致出現水平滾動）。我玩過代碼，但沒有什麼是真正響應我在IE中的想法（即使它在其他瀏覽器中）。
是否有任何工具可以幫助「調試」網站上的問題，以便修復它不僅僅是一種試錯法？謝謝。
有像GWT，ext-js，YUI這樣的框架，它隱藏了很多瀏覽器錯誤。但今天（接近2009年底），仍然沒有一個好的，可靠的方法來縮小瀏覽器問題並修復它們。
PS：我收集工具調試這裏時，可幫助：Which tools do you use to debug HTML/JS in your browser?
我的最愛之一，適用於所有瀏覽器是X-Ray。您只需將該頁面上的鏈接粘貼到書籤中，並在您正在測試的頁面頂部加載一些外部JavaScript。它揭示了一堆關於您點擊的DOM對象的參數，以及它在模型中的層次結構。
至於你的具體的頁腳問題，我會看到可能缺乏清理比它們的父容器更寬的浮線和div的線。
跨瀏覽器JavaScript庫，如jQuery及其UI組件，可以非常有助於避免瀏覽器之間的特性。微軟提供了IE開發工具欄，它不像Firebug那麼容易使用，但仍然非常有用。像MS Script Debugger或Visual Studio這樣的實時調試器也是一個節省時間的工具。
我喜歡Firebug爲Firefox 和IE8有開發工具從工具菜單和IE Developer Toolbar的舊版本。 Chrome瀏覽器在頁面菜單中有類似的工具。
所有這些都允許您查看頁面上的元素，因爲它們在特定的瀏覽器中呈現，我通常在調試瀏覽器特定問題時發現它們非常有幫助。
我假設你已經檢查你的代碼是有效，與
而且，中當然，你應該在你的html文件中有正確的文檔類型。如果沒有文檔類型，某些瀏覽器會進入怪異模式來模擬舊瀏覽器中的錯誤。
引用的Aaron線程包含我知道的所有工具以及一些工具。賈森，我建議你看看。 – Shaun 2009-12-16 16:11:55
剛剛在那裏添加了X射線以獲得完整性。 – Aaron 2009-12-16 16:14:58