1. 程式人生 > >Chrome斷點除錯,新手(有圖)

Chrome斷點除錯,新手(有圖)

https://blog.csdn.net/zhou3214/article/details/79826073
在這裡插入圖片描述
步驟:用chrome瀏覽器開啟頁面 → 按f12開啟開發者工具 → 開啟Sources → 開啟你要除錯的js程式碼檔案 → 在行號上單擊一下,OK!恭喜你的處女斷點打上了,哈哈~~
在這裡插入圖片描述
這個按鈕我稱呼它為“逐過程執行”按鈕,和“逐語句執行”(第二個)按鈕不同,“逐過程執行”按鈕常用在一個方法呼叫多個js檔案時,涉及到的js程式碼比較長,則會使用到這個按鈕。
在這裡插入圖片描述

這個小圖示的功能叫”逐語句執行“或者叫”逐步執行

在這裡插入圖片描述

在這裡插入圖片描述

在這裡插入圖片描述

我發現設定一個斷點,然後重新整理,逐步執行,會在程式碼裡面解析出來某些變數