js動態調試,什麼是動態調試

本文目錄一覽：

1、如何在google chrome瀏覽器中調試JavaScript
2、如何使用 Chrome 瀏覽器調試動態加載的 Javascript 腳本
3、如何調試動態加載的js
4、extjs動態加載js文件怎麼進行調試
5、如何調試html網頁中的js代碼

如何在google chrome瀏覽器中調試JavaScript

google chrome瀏覽器不僅性能出色，對web標準的支持是非常優異的。其調試開發也比較方便（自動識別debugger斷點、支持動態設置斷點、可以查看參數和本地變量、可以單步執行等）。

開發人員 —— 調試JavaScript——打開JavaScript調試頁（快捷鍵好像是ctrl+shift+l）。輸入h（或者help）可以查看各種調試選項。

如果已經在js代碼中設置了斷點（debugger關鍵字），則保持JavaScript調試器啟動（打開）狀態，再刷新待調試頁面，就可以自動識別debugger關鍵字聲明的斷點，用戶可以輸入各種調試命令。這時候可以輸入h，查看新的調試命令，比如args–查看函數參數，l（或者locals）–查看函數內部本地變量，n（或者next）等。

感興趣的可以看看其調試器源碼，也是使用JavaScript實現的。可以把它擴展成像firebug那樣強大的東東。至少這個調試器是瀏覽器內置的，不用擔心插件兼容性。實現firebug那些console api才是關鍵。

如何使用 Chrome 瀏覽器調試動態加載的 Javascript 腳本

腳本加載後、進入開發者模式（F12）、點擊Sources菜單、雙擊打開要調試的js文件、斷點調試

如何調試動態加載的js

//@ sourceURL=文件名

在chrome瀏覽器上調試

@換成#號更好，谷歌瀏覽器不贊成用@

//# sourceURL=文件名

extjs動態加載js文件怎麼進行調試

1、首先,需要先創建一個基本可用的ExtJS模板,這個很簡單,如下所示:!DOCTYPEhtmlhtmlheadtitle/titlelinkrel=”stylesheet”type=”text/css

如何調試html網頁中的js代碼

以谷歌瀏覽器Chrome為例（火狐類似），說下前端打“斷點”：

一、按F12快捷鍵打開Chrome控制台，點擊“Sources”選項卡，如圖：

二、刷新當前網頁，代碼執行到“斷點”處會停住，如上圖藍色區域；

三、按F8快捷鍵可以在不同的斷點之間切換、按F10快捷鍵程序代碼會一步步執行，這樣就能很方便定位到錯誤區域，排查錯誤。

說明：火狐瀏覽器的操作方法和谷歌類似，當然界面略有不同。

原創文章，作者：RVQQ，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/131053.html