本文內容來自：chrome console的使用 ： 異常和錯誤的處理 – Break易站
利用 Chrome DevTools 提供的工具，您可以修復引發異常的網頁和在 JavaScript 中調試錯誤。
如果您可以了解背后的詳細信息，頁面異常和 JavaScript 錯誤會非常有用。在頁面引發異常或腳本產生錯誤時，Console 可以提供具體、可靠的信息來幫助您定位和糾正問題。
在控制台中，您可以跟蹤異常和引發異常的執行路徑，顯式或隱式捕捉異常（或忽略它們），甚至設置錯誤處理程序來自動收集和處理異常數據。
這篇文章主要講以下幾個內容：
- 觸發異常時啟用 Pause on Exceptions 來調試代碼上下文。
- 使用trace 打印當前的 JavaScript 調用堆棧。
- 使用assert() 在您的代碼中放置斷言和引發異常。
- 使用onerror 記錄瀏覽器中發生的錯誤。
跟蹤異常
發生錯誤時，請打開 DevTools 控制台 (Ctrl+Shift+J / Cmd+Option+J) 查看 JavaScript 錯誤消息。每一條消息都有一個指向文件名的鏈接，文件名帶有您可以導航到文件的行號。
異常示例：
視圖異常堆疊追蹤
導致錯誤的執行路徑並不總是非常明顯。完整的 JavaScript 調用堆棧在控制台中會伴隨着異常。展開這些控制台消息可以查看堆棧框架和導航到代碼中的相應位置：
出現 JavaScript 異常時暫停
下一次引發異常時，請暫停 JavaScript 執行並檢查其調用堆棧、范圍變量以及您應用的狀態。利用 Scripts 面板底部的三態停止按鈕，您可以在不同的異常處理模式之間切換：
選擇暫停所有異常或僅暫停未捕捉的異常，您也可以集中忽略異常。
打印堆疊追蹤
通過將日志消息輸出到控制台可更好地了解網頁的行為。通過包含關聯的堆疊追蹤讓日志條目的信息更豐富。有多種方式可以實現此目標。
Error.stack
每個 Error 對象都有一個包含堆疊追蹤的字符串屬性命名的堆棧：
console.trace()
使用可以打印當前 JavaScript 調用跟蹤的 console.trace() 調用設置您的代碼：
console.assert()
通過將帶有錯誤條件的 console.assert() 作為第一個參數調用，在您的 JavaScript 代碼中放置斷言。當此表達式評估為 false 時，您將看到一條相應的 Console 記錄：
如何檢查堆疊追蹤來查找觸發器
我們來看一下如何使用剛剛學習的工具，並找出錯誤的真正原因。下面是一個包含兩個腳本的簡單 HTML 頁面：
當用戶點擊頁面時，段落將更改其內部文本，將調用 lib.js 提供的 callLibMethod() 函數。
此函數會輸出一個 console.log，然后調用 console.slog，后者不是一種由 Console API 提供的方法。調用應觸發一個錯誤。
在頁面運行的時候點擊頁面時，將觸發下面的錯誤：
點擊箭頭可以展開錯誤消息：
控制台會告訴您錯誤在 lib.js 的第 4 行觸發，此腳本在 addEventListener 回調（匿名函數）的 script.js中的第 3 行調用。
這是一個非常簡單的示例，不過，即使最復雜的日志跟蹤調試也遵循相同的流程。
使用 window.onerror 處理運行時異常
Chrome 會公開 window.onerror 處理程序函數，每當 JavaScript 代碼執行中發生錯誤時都會調用此函數。當 JavaScript 異常每次在窗口上下文中引發並且未被 try/catch 塊捕捉時，調用此函數時還會調用異常的消息、引發異常的文件的網址、該文件中的行號，三者按照此順序作為三個參數傳遞。
舉例來說，使用 AJAX POST 調用設置一個錯誤處理程序，用於收集未捕捉異常的相關信息並將其報告回服務器，您會發現這樣非常實用。這樣，您可以記錄用戶瀏覽器中發生的所有錯誤並獲得相關通知。
使用 window.onerror 的示例：
本文內容來自：chrome console的使用 ： 異常和錯誤的處理 – Break易站
—Author: Arvin Chen —Web Address: www.breakyizhan.com (Break易站)