js除錯技巧和快捷鍵

2022-03-12 01:36:43 字數 1452 閱讀 4913

一、「逐語句執行」或者「逐步執行」按鈕:

1、意思就是,每點選它一次,js語句就會往後執行一句

2、快捷鍵f10

二、「逐過程執行」按鈕:

1、常用在乙個方法呼叫多個js檔案時,涉及到的js**比較長,則會使用到這個按鈕

2、快捷鍵f8

三、console控制台:

1、這個就是乙個js解析器,是瀏覽器本身用來解析執行js的傢伙,只不過瀏覽器通過console讓我們開發者在除錯過程中,可以控制js的執行以及輸出。

2、console.log()可以取代alert()或document.write(),在網頁指令碼中使用console.log()時,會在瀏覽器控制台列印出資訊。

3、console.dir()可以顯示乙個物件所有的屬性和方法。

四、sources面板:

1、原始碼面板,除錯最重要的乙個功能。

2、pretty print 按鈕:格式化**。

3、breakpoints 一欄:管理所有斷點,可以方便地跳轉到對應斷點的位置處。

4、scope(變數作用域) 一欄:顯示當前作用域和它的父級作用域,以及閉包。

五、jquery 事件原始碼定位問題:

將以下**複製到控制台,按回車執行。

1、適用於 1.5+ 版本的 jquery:

function

lookevents (elem)

var event = lookevents($("#testbtn")[0]); //

獲取繫結的事件

event.click[0].handler //

獲取click事件的第乙個事件原始碼位址

2、適用於 1.2.6-1.4 版本的 jquery:   

function

lookevents (elem)

var event = lookevents($("#testbtn")[0]); //

獲取繫結的事件

event.click; //

檢視有幾個click事件,如果要檢視其他事件直接輸入 event 然後回車即可

六、debugger:偵錯程式,即**斷點。

1、用法非常簡單,在寫**的時候,想要斷點除錯的地方寫上 debugger 即可。

2、除錯按鈕。

七、除錯bug的思路:

1、首先,js是否成功的執行進來;

2、其次,js是否存在邏輯問題、變數問題、引數問題等等;

3、最後,如果上述都沒有問題,仔細檢視各種符號。。。

參考資料1:【

參考資料2:【

參考資料3:【

vs除錯快捷鍵

命令名 快捷鍵說明 除錯.應用 更改 alt f10 啟動生成操作,利用它可以通過 編輯並繼續 功能應用對正在除錯的 所作的更改。除錯.自動視窗 ctrl d,ctrl a 顯示 自動 視窗,以檢視在當前過程中,目前所執行中的變數的值。除錯.全部中斷 ctrl alt break 臨時停止執行除錯會...

vc 除錯快捷鍵

vc 6.0 除錯快捷鍵 vc 6.0 快捷鍵 命令名 快捷鍵 說明 除錯.應用 更改 alt f10 應用 更改但不停止除錯模式。有關更多資訊,請參見 編輯並繼續 除錯.自動視窗 ctrl alt v,a顯示 自動視窗 以檢視當前過程中在當前執行行範圍內的當前變數的值。有關更多資訊,請參見中斷執行...

c 除錯快捷鍵

除錯.應用 更改 alt f10 應用 更改但不停止除錯模式。有關更多資訊,請參見編輯並繼續。除錯.自動視窗 ctrl alt v,a 顯示 自動 視窗,以檢視當前過程內當前執行行範圍中的當前變數的值。有關更多資訊,請參見中斷執行。除錯.全部中斷 ctrl alt break 臨時停止執行除錯會話中...