如果使用 Chrome 111 以上版本，您可能已經注意到我們變更了中斷點側欄的設計。在 Chrome 113 版中，新版側欄會完全取代舊版設計。我們重新設計的目標是透過以下方式改善中斷點工作流程：
針對已設定的所有中斷點提供更完善的總覽，利用中斷點讓常見的使用者工作流程更易於存取，且更直覺化。顯示現有的冷中斷點功能。
本文假設您已熟悉使用中斷點進行偵錯。如果您先前從未使用過中斷點，請參閱有關中斷點的總覽，進一步瞭解如何使用中斷點對程式碼進行偵錯。
接下來，我們要介紹重新設計的功能，以及新版側欄的使用方式！請注意，新版設計的重點在於讓現有功能更直覺易用，而且不是增加新功能。
暫停例外狀況，調查程式碼擲回錯誤的原因
程式碼是否會擲回例外狀況？當然不是！Chrome 開發人員工具可讓您暫停例外狀況，在擲回例外狀況時停止執行。這有助於您調查並深入瞭解程式碼在哪些情況下擲回錯誤。您可以勾選側欄中對應的核取方塊，選擇要暫停偵測到的例外情況、未偵測到的例外狀況，或同時暫停兩者。
管理中斷點：展開相關的中斷點群組，以及收合其他群組，專心處理相關主題
中斷點可能會分散在數個檔案中。中斷點側欄會依據所屬檔案將中斷點分組。請展開相關的中斷點群組，並收合其餘群組，藉此只專注於目前偵錯工作階段的關鍵群組。
管理中斷點：只要按一下，即可跳到程式碼、移除或啟用/停用中斷點
透過中斷點側欄，只要按一下滑鼠即可完成常見工作。以下簡要說明如何 ...
前往程式碼編輯器中的中斷點位置。移除一個檔案內的一個中斷點或所有中斷點。啟用或停用檔案中的一個中斷點或所有中斷點。
只要按一下滑鼠，就能完成這些工作！當然，內容選單也提供這些選項：
按一下中斷點程式碼片段，跳到中斷點位置
要檢查程式碼中設定中斷點的位置，並分析前後的程式碼嗎？只要按一下側欄中的中斷點程式碼片段，就能在程式碼編輯器中開啟程式碼位置。
按一下「移除」按鈕，即可移除檔案中的單一中斷點或所有中斷點
將遊標懸停在中斷點或中斷點群組上，即可顯示移除按鈕；點選該按鈕時，系統會移除檔案中的單一或所有中斷點。
停用檔案中的單一或所有中斷點
勾選或取消勾選中斷點旁的核取方塊，即可啟用或停用中斷點。
如要啟用或停用檔案中的所有中斷點，請將滑鼠遊標懸停在中斷點群組上，然後勾選或取消勾選檔案名稱旁邊顯示的核取方塊。
善用這些較不為人知的中斷點功能：條件中斷點和記錄點
編輯中斷點條件，或透過編輯中斷點變更記錄點記錄
將滑鼠遊標懸停在中斷點上，然後按一下隨即顯示的「編輯」按鈕，即可編輯中斷點條件或記錄。系統會開啟對話方塊，讓您變更中斷點類型和中斷點的詳細資料。
或者，你也可以在程式碼編輯器中選取中斷點的行，然後在 Linux 上按 Control + Alt + b 鍵，或在 Mac 上輸入 Command + Alt + b 鍵，開啟中斷點編輯對話方塊。
您也可以將滑鼠遊標懸停在側欄的中斷點上，快速仔細檢查條件或記錄點記錄：
結論
我們的目標是重新設計中斷點側欄，以便簡化中斷點的偵錯作業。最重要的是，我們致力讓 Google 作業更井然有序，且更容易存取及理解。我們希望這些改善措施能夠讓您在下次的偵錯工作階段時派上用場！
如果你有改善建議，可以回報錯誤，告訴我們！
下載預覽管道
考慮使用 Chrome Canary 版、開發人員版或 Beta 版做為預設開發瀏覽器。這些預覽管道可讓您存取開發人員工具的最新功能、測試最先進的網路平台 API，並在使用者使用之前就在網站上發現問題！
與 Chrome 開發人員工具團隊聯絡
使用下列選項，討論文章的新功能和異動，以及其他與開發人員工具相關的事項。
- 請透過 crbug.com 提交建議或意見回饋。
- 如要回報開發人員工具的問題，請在開發人員工具中依序點選「更多選項」圖示
>「說明」 >「回報開發人員工具的問題」。 - 在 @ChromeDevTools 張貼推文。
- 歡迎對開發人員工具的 YouTube 影片或開發人員工具秘訣 (YouTube 影片) 提供意見。