Ext.js - 除錯 Ext JS 程式碼

任何 JavaScript 程式碼都可以使用alert()框或console.log()或使用偵錯程式中的除錯指標進行除錯。

警告框

在您想要檢查流程或任何變數值的程式碼中放置一個警告框。例如，alert('要顯示的訊息' + 變數);

開發/除錯工具

偵錯程式是任何開發人員在開發過程中檢查程式碼中的問題和錯誤的最重要工具。

Ext JS 是一個 JavaScript 框架，因此可以使用不同瀏覽器提供的或特定於不同瀏覽器的開發者工具輕鬆除錯。所有主要瀏覽器都有其可用於測試和除錯 JavaScript 程式碼的開發者工具。

流行的偵錯程式有 IE 開發工具（用於 IE）、Firebug（用於 Firefox）和 Chrome 開發工具（用於 Chrome 瀏覽器）。

Chrome 偵錯程式隨 Chrome 瀏覽器一起提供，但是 Firebug 必須單獨安裝，因為它不是 Firefox 的軟體包。

以下連結可用於安裝 Firefox 瀏覽器的 Firebug http://getfirebug.com

在 Windows 作業系統中開啟開發者工具的快捷鍵是 F12。

在偵錯程式中除錯 JS 程式碼

有兩種方法可以除錯 JavaScript 程式碼。

• 第一種方法是在程式碼中放置console.log()並檢視日誌的值，該值將列印在開發者工具的控制檯中。

• 第二種方法是使用開發者工具中的斷點。以下是流程。

  • 在指令碼標籤下開啟所有可用指令碼中的檔案。

  • 現在將斷點放置在要除錯的行上。

  • 在瀏覽器中執行應用程式。

  • 現在，每當程式碼流到達此行時，它將中斷程式碼並停留在那裡，直到使用者使用 F6 鍵（轉到程式碼的下一行）、F7 鍵（進入函式）或 F8 鍵（轉到下一個斷點或如果沒有更多斷點則執行程式碼）執行程式碼，具體取決於您要除錯的流程。

  • 您可以選擇要檢視其值的變數或函式。

  • 您可以使用控制檯來檢查值或檢查瀏覽器本身的一些更改。