js代碼如何斷點debug調試
在網頁開發過程中,經常需要編寫js代碼來實現動態效果。如果js代碼較少,邏輯較簡單,往往沒有啥問題。但有時候前端需要實現複雜的功能,這個時間js代碼往往會很多,邏輯也會較複雜,對於初級程序員來說,調試問題往往難度較大。下面就來介紹下如何使用網頁調試工具斷點調試js代碼
操作方法
(01)介紹的過程還是以一個測試例子來演示,這樣更直觀也更容易理解使用谷歌瀏覽器開啟一個測試的html檔案,裏面包含簡單的js代碼(只做演示)
(02)按F12開啟網頁調試工具,默認開啟的是Elements,顯示的是網頁標籤元素,如下圖
(03)給js代碼打斷點,首先需要找到js資源檔案,選擇Source的tab標籤,出現資源檔案目錄,選擇對應的js代碼檔案
(04)在js代碼檔案左側欄單擊可以添加斷點,再點擊可以移除斷點
(05)斷點添加完成之後,F5重新載入瀏覽器,可以看到代碼執行到斷點位置停了下來。遊標放在變量名上,可以顯示出變量值
(06)還可以選擇一個表達式,可以直接顯示出這個表達式執行的結果
(07)點擊右側單步跳轉,可以逐行調試,也可以點擊進入某個函數方法內部,可以從某個函數方法直接跳出,也可以點擊第一個按鈕,直接跳轉到下一個斷點或直接結束。下方可以看到斷點的詳細資訊,如監控變量、調用棧、事件等。如下圖所示
特別提示
斷點對於初級程序員也一個很好的幫助工具,提供調試問題的效率
對於調試js代碼,不打斷點的話,可以透過方式打印日誌資訊,也是不錯的調試方法
-
如何申請《計算機軟件著作權登記》
計算機軟件是指計算機程序及有關文檔,透過著作權的登記,來實現對自主開發的計算機軟件的保護工作,本文介紹如何申請《計算機軟件著作權登記》證書。操作方法(01)登入中國版權保護中心,點擊我要登記下的“軟件登記”。(02)在登入介面,若已有用戶名,登入平臺系統,若沒有用戶...
-
普通機打空白髮票如何作廢?
普通機打空白髮票換新發票的時候,需要先把空白髮票作廢,下面教大家:普通機打空白髮票如何作廢?操作方法(01)登陸機打發票系統,登陸之後先檢視剩餘的數量。(02)再點擊發票開具,進入到發票填寫介面,把發票代碼,發票號碼記下來。(03)返回到機打發票主介面,點擊左邊的發票開具。(04...
-
怎麼在天貓上架寶貝?
上一期小胖臉給大家分享了在天貓下架寶貝的方法,那麼如果之前賣斷的寶貝又恢復供貨的話,怎麼重新上架寶貝呢?跟着我來操作吧~操作方法(01)首先,登入天貓後臺,輸入你的登入名和密碼,點擊“登入”,進入到“賣家工作臺”。準備編輯。(02)在“賣家工作臺”左側邊欄,靠下一點的...
-
如何把15位身份證轉換成18位身份證
1、將前面的身份證號碼17位數分別乘以不同的係數。從第一位到第十七位的係數分別爲:7-9-10-5-8-4-2-1-6-3-7-9-10-5-8-4-2。2、將這17位數字和係數相乘的結果相加。3、用加出來和除以11,看餘數是多少?4、餘數只可能有0-1-2-3-4-5-6-7-8-9-10這11個數字。其分別對應的最後一位身份證的號碼爲1...