如果您使用的是 Chrome 111 以上版本，可能已經發現我們變更了斷點側邊欄的設計。在 Chrome 113 中，新側邊欄會完全取代舊版設計。我們重新設計的目標是改善中斷點工作流程，方法如下：
提供所有已設定中斷點的更完善總覽。讓使用者更容易存取和更直覺地使用中斷點執行常見工作流程。 顯示現有的中斷點功能。
本文假設您已熟悉如何使用中斷點進行偵錯。如果您之前未使用過中斷點，請前往這份中斷點總覽，進一步瞭解如何使用中斷點偵錯程式碼。
接著來看看改版後的介面有哪些新功能，以及如何使用新側邊欄！請注意，重新設計的重點是讓現有功能更直覺好用，並方便存取，而不是新增功能。
遇到例外狀況時暫停，調查程式碼擲回錯誤的原因
您的程式碼是否會擲回例外狀況？別擔心！Chrome 開發人員工具可讓您暫停例外狀況，在擲回例外狀況時停止執行作業。這有助於調查及進一步瞭解程式碼擲回錯誤的情況。您可以勾選側欄中的對應核取方塊，選擇要暫停處理已擷取的例外狀況、未擷取的例外狀況，還是兩者皆是。
管理中斷點：展開相關中斷點群組，並收合其他群組，專注於相關項目
中斷點可能會分散在多個檔案中。中斷點側欄會根據中斷點所屬的檔案，將中斷點分組。展開相關中斷點群組，並收合其餘群組，只專注於目前偵錯工作階段中重要的中斷點。
管理中斷點：按一下即可跳至程式碼、移除或啟用/停用中斷點
您可以在中斷點側欄中，按一下滑鼠即可完成常見工作。以下概略說明如何 ...
前往程式碼編輯器中的中斷點位置。移除檔案中的一個或所有中斷點。 啟用或停用檔案中的一個或所有中斷點。
只要按一下滑鼠，就能完成所有操作！當然，這些選項也會顯示在內容選單中：
按一下中斷點程式碼片段，即可跳至中斷點位置
您是否想檢查程式碼中設定中斷點的位置，並分析周圍的程式碼？只要按一下側欄中的中斷點程式碼片段，程式碼編輯器就會開啟程式碼位置。
按一下移除按鈕，即可移除單一中斷點或檔案中的所有中斷點
將游標懸停在中斷點或中斷點群組上，即可顯示移除按鈕，點選即可移除檔案中的單一或所有中斷點。
停用檔案中的單一或所有中斷點
勾選或取消勾選中斷點旁的核取方塊，即可啟用或停用中斷點。
如要啟用或停用檔案中的所有中斷點，請將滑鼠游標懸停在中斷點群組上，然後勾選或取消勾選檔案名稱旁的核取方塊。
善用條件中斷點和記錄點等較不為人知的中斷點功能
編輯中斷點，即可編輯中斷點條件或變更記錄點記錄
如要編輯中斷點條件或記錄，請將游標懸停在中斷點上，然後點選顯示的「編輯」按鈕。系統會開啟對話方塊，供您變更中斷點類型和中斷點詳細資料。
或者，您也可以在程式碼編輯器中選取中斷點所在行，然後在 Linux 上輸入 Control+Alt+b，在 Mac 上輸入 Command+Alt+b，開啟中斷點編輯對話方塊。
你也可以將游標懸停在側邊欄中的中斷點上，快速檢查條件或記錄點記錄：
結論
重新設計中斷點側邊欄的目標，是為了讓您更輕鬆地使用中斷點進行偵錯。最重要的是，我們希望讓內容更有架構，方便使用者存取及瞭解。希望這些改善項目能協助您進行下一次偵錯作業！
如有進一步的改善建議，請回報錯誤！
下載預覽版頻道
建議使用 Chrome Canary、開發人員版或 Beta 版做為預設開發瀏覽器。透過這些搶先體驗管道，您可以存取最新的開發人員工具功能、測試最先進的網頁平台 API，並在使用者發現問題前找出網站上的問題！
與 Chrome 開發人員工具團隊聯絡
如要討論開發人員工具的新功能、更新或其他相關事項，請使用下列選項。
- 如要提供意見或要求新功能，請前往 crbug.com。
- 如要回報開發人員工具的問題，請依序點選開發人員工具中的 「更多選項」 >「說明」 >「回報開發人員工具的問題」。
- 在 Twitter 訊息中標記 @ChromeDevTools。
- 在「開發人員工具最新消息」或「開發人員工具提示」YouTube 影片中留言。