如何調試遺留的javascript代碼（在IE瀏覽器中正常工作，但在谷歌瀏覽器中出現異常）

Question

通常，問題是「當代碼在IE中正常工作但谷歌瀏覽器出現異常時，調試遺留JavaScript代碼的建議程序是什麼？ ？

我有一個傳統的程序。我遇到以下問題：

1. 一個JSP頁面調用後端java servlet，servlet返回一個html表。
2. 此HTML表已被servlet排序。
3. 此HTML表格受本地JS和CSS的影響，使其更美觀。
4. 在IE8，Safari和Firefox中一切正常。
5. 但在Google Chrome瀏覽器中表格顯示不正常。結果不再在這裏排序。

上述情況不是JavaScript語法錯誤。那麼&如何開始解決呢？

Answer 1

那麼，您應該使用alert(),console.log()或將其設置爲<div id="log"></div>的innerHTML以獲取servlet返回的html表。 然後，每當您的js的指令修改其代碼時，請重新執行它。

通過這種方式，您會發現代碼中的哪條指令無法像您期望的那樣在Chrome上運行，請了解它爲什麼以及如何工作。

然後，根據瀏覽器使用條件執行不同的指令。

Answer 2

通過在Google Chrome中使用開發人員工具。在動作之前添加斷點並添加涉及到watch expression面板的變量。逐行調試和監視變量 - 您將能夠看到一切出錯的地方。這是如何：https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints