大多數瀏覽器都內建開發人員工具。 這些開發人員工具通常包含控制台。控制台會提供目前執行的頁面相關資訊。
控制台中記錄的訊息來自網頁開發人員或瀏覽器本身。所有控制台訊息都有嚴重程度：Verbose、Info、Warning 或 Error。Error 訊息表示網頁有問題，需要解決。
Lighthouse 瀏覽器錯誤稽核失敗的原因
Lighthouse 會標記記錄到主控台的所有瀏覽器錯誤：
如何修正瀏覽器錯誤
修正 Lighthouse 報告的每個瀏覽器錯誤，確保網頁能為所有使用者正常運作。
Chrome 開發人員工具提供幾項工具，可協助您找出錯誤原因：
- 在每個錯誤的文字下方，開發人員工具控制台會顯示導致問題程式碼執行的呼叫堆疊。
- 每個錯誤的右上角都會顯示連結，點選即可查看導致錯誤的程式碼。
舉例來說，這張螢幕截圖顯示的頁面有兩個錯誤：
在範例中，第一個錯誤來自對 console.error() 的呼叫，由網頁開發人員所致。第二個錯誤來自瀏覽器，表示網頁其中一個指令碼使用的變數不存在。
在每個錯誤的文字下方，開發人員工具控制台會指出錯誤出現的呼叫堆疊。舉例來說，針對第一個錯誤，控制台會指出 (anonymous) 函式呼叫了 init 函式，而 init 函式又呼叫了 doStuff 函式。點選該錯誤右上方的 pen.js:9 連結，即可查看相關程式碼。
以這種方式檢查每個錯誤的相關程式碼，有助於找出並解決可能的問題。
如果無法找出錯誤原因，請嘗試在搜尋引擎中輸入錯誤文字。如果找不到問題的解決方法，請在 Stack Overflow 上提問。
如果無法修正錯誤，請考慮將錯誤包裝在 try...catch 陳述式中，在程式碼中明確指出您已瞭解問題。您也可以使用 catch 區塊，更妥善地處理錯誤。