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程式碼,不打斷點的話,可以通過方式列印日誌資訊,也是不錯的除錯方法
-
合夥做生意我們要注意的問題
合夥做生意對於那些沒幹爹,不是富,官二代的年輕人人來說,實在是在合適不過的了,不僅可以體驗創業,學習,還可以分攤大家的資金風險。是廣大草根非常喜歡的創業模式。但是有好就有壞,在合夥之前我們會有哪些問題要處理呢?又要避免那些那些問題的發生呢? 下面小編給大...
-
2019年個人所得稅計算方法 個人所得稅計算公式
隨著新的個人標準的執行,特別是因19年個稅新政策的出臺,很多人較為關心個稅的計算公式了,為了幫助大家計算清楚自己的應納稅額,小林子寫下這篇,指導你進行個稅的計算。步驟和方法(01)要計算自己應該納稅的額度,就需要了解清楚納稅稅率表,因為不同的額度對應的是不同的百...
-
excel表格中表頭斜線設定的方法
excel表格中表頭斜線設定的兩種方法介紹。操作方法(01)方法一:開啟需要編輯的excel表格,選中需要編輯的單元格C3,輸入"月份"、"年份"。(單元格中換行Alt+回車)(02)選擇"檢視"選單欄中的"工具欄"選項中的"繪圖"工具。(03)選擇"繪圖"工具欄中的"直線",然後在C3單元格中畫斜線...
-
把只讀檔案轉換成可以編輯狀態
在工作中,上級部門發下來的電子版檔案一般是隻讀的,在檔案上直接編輯是不行的,那如何把只讀檔案轉成可以編輯的狀態呢,接下來我們來學一學。操作方法(01)第一步:在電腦中,開啟一個新的Word文件,如圖(02)點選插入,如圖(03)找到物件,點選後,再點選檔案中的文字,如圖(04)找到剛剛那...