資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學使用 Firebug 除錯 JavaScript
除錯是系統地消除缺陷的方法。它始於測試用例的執行。每當執行測試用例時，都會將實際結果與預期結果進行比較。如果實際結果與預期結果之間存在任何差異，則會進行根本原因分析，並執行額外的測試（例如迴歸測試），以確保結果符合預期。
為了設計靜態網頁，廣泛使用 HTML。為了開發動態的基於 Web 的應用程式，應該使用 JavaScript（Web 的指令碼語言）。為了使他們的程式碼無錯誤，程式設計師依賴於許多除錯技術。這是避免錯誤和異常的好方法。但是，JavaScript 沒有配備優秀的除錯功能。幸運的是，使用基於 Web 瀏覽器的偵錯程式 Firebug 除錯用 JavaScript 編寫的程式碼很容易。
現在讓我向您介紹一些技術術語。以下是一些關於 Firebug 偵錯程式元件的深刻見解。
- JSEditor − JSEditor 不過就是 JavaScript 編輯器。實際上，JSEditor 允許您使用“中斷所有錯誤”來除錯 JavaScript 程式碼。使用者只需選中此選項即可暫停指令碼執行。
- 指令碼選項卡 − 控制檯是 Firebug 偵錯程式面板上的第一個選項卡。HTML 和 CSS 是面板上的第二個和第三個選項卡。指令碼選項卡是第四個。指令碼面板分為兩個子面板——左側的面板是 JavaScript 編輯器。右側的面板包含兩個子面板——監視和斷點。
- JSFileSelector − JSFileSelector 顯示頁面範圍內所有 JavaScript 檔案的列表。
- 斷點 − JavaScript 執行將在斷點處停止。公平地說，Firebug 中有三種斷點——靜態、條件和動態。要設定靜態斷點，請單擊指令碼面板中所需的程式碼行。顧名思義，條件斷點應根據條件設定。要根據函式名稱設定斷點，您可以依靠動態斷點。動態斷點有一些優點——它們可以從命令列設定。此外，它們可以使用兩個常用的函式設定——debug 和 undebug。
- 斷點列表 − 所有斷點都將顯示在此面板中。您可以刪除不必要的斷點。
- 監視視窗 − “監視視窗”對於所有精通 Microsoft Visual Studio 細枝末節的人來說都是一個熟悉的詞。但是，理解 Firebug 監視視窗與 Microsoft Visual Studio 監視視窗之間存在的細微差別將大有裨益。Firebug 的監視視窗將顯示所有可用變數的值作為列表。糟糕的是！僅顯示範圍內的變數值。相反，Microsoft Visual Studio 的監視視窗將顯示所選變數的值。
如何安裝 Firebug 附加元件
- 開啟 Mozilla Firefox 瀏覽器。在視窗的右上角，您可以找到開啟選單
- 單擊開啟選單，然後單擊附加元件。將出現一個新視窗。
- 在搜尋框中，鍵入 Firebug 並按鍵盤上的Enter鍵。
- Firebug 附加元件出現。單擊安裝。
Firebug 現在已新增到您的 Firefox 瀏覽器。
如何使用 Firebug 除錯 Javascript 程式碼
這是一個簡單的 8 步過程，可讓您使用 Firebug 在 Firefox 中除錯 JavaScript 程式碼
- 在記事本檔案中編寫您的 JavaScript 程式碼。將其儲存為 .htm 副檔名。在 Firefox 瀏覽器中開啟此 .htm 檔案。毫不猶豫地啟動 Firebug 偵錯程式的控制檯。
- 在所需的程式碼行上設定靜態斷點。在指令碼選項卡的右側面板上，您可以檢視已分配靜態斷點的程式碼行。
- 使用單擊“單步執行”按鈕逐行執行程式碼。此按鈕位於 Firebug 工具欄上。除了“單步執行”按鈕之外，您還可以看到另外三個按鈕——繼續、單步進入和單步退出。要繼續執行指令碼（一旦遇到斷點），請單擊“繼續”。作為替代操作，您可以按 F8 鍵。要單步執行特定的函式呼叫，請單擊“單步執行”。作為替代操作，您可以按 F10 鍵。要單步進入特定函式的主體，請單擊“單步進入”。作為替代操作，您可以按 F11 鍵。要繼續執行指令碼並在下一個斷點處停止，請單擊“單步退出”。
- 仔細檢視監視視窗中顯示的值。
- 採取必要的措施。識別錯誤並修復錯誤。
- 重新載入頁面。為此，請單擊 Firefox 的重新載入按鈕。作為替代操作，您可以按組合鍵 Ctrl+R。
- 監視視窗將顯示大多數變數的值。但是，一個或兩個變數的值可能缺失。在這種情況下，謹慎的偵錯程式會保證 CommandLine API 的效率。要在特定函式的第一行新增斷點，請使用 debug(fn)。要刪除特定函式的第一行中存在的斷點，請使用 undebug(fu)。
- 修復錯誤後，再次執行程式碼。如果它有任何錯誤，請按照上述 7 個步驟除錯程式碼。儲存檔案並在 Firefox 中預覽。
程式設計師可以透過依賴 Firebug 的效率來消除他們最糟糕的噩夢——錯誤修復。有了 Firebug，除錯就變得容易了。
更新於：2020 年 1 月 20 日
瀏覽量：587
廣告