【Google表單教學】如何利用chrome來偵錯前端javascript錯誤

JSHint 是一個可以自動檢查 JavaScript 程式碼的工具，讓程式設計者在專案開發初期就可以即時修正潛在的錯誤。

瞭解如何使用 Chrome 開發人員工具找出並修正 JavaScript 錯誤。

您可以使用 Visual Studio 對 JavaScript 和 TypeScript 程式代碼進行偵錯。 您可以設置斷點、附加偵錯工具、檢查變數、查看呼叫堆疊，以及使用其他偵錯功能。

In this lesson, we will return to the subject of debugging JavaScript (which we first looked at in What went wrong?). Here we will delve deeper into techniques for tracking down errors, but also look at how to code defensively and handle errors in your co

VS Code 中的 JavaScript 偵錯程式支援源對映，允許除錯轉換後的程式碼。 例如，TypeScript 程式碼被編譯為 JavaScript，並且許多 Web 應用程式將所有 JavaScript 檔案捆綁在一起。

JavaScript 偵錯程式 除錯並不容易。 但幸運的是，所有現代瀏覽器都內建了 JavaScript 偵錯程式。 內建偵錯程式可以開啟和關閉，強制將錯誤報告給使用者。 使用偵錯程式，您還可以設定斷點（程式碼執行可以停止的地方），並在程式碼執行時檢查變數。

有時候我們在寫CSS、HTML網頁、JavaScript程式碼時，會不小心多寫一個或少一個起始標簽和結束標籤，若要一個一個檢查可能不太容易，也相當花費時間。 這時就利用線上的HTMLHint與jslint程式碼檢查與偵錯工具，快速幫你抓到錯誤。 (延伸閱讀： 線上程式碼編輯器)