1. 程式人生 > >前端chrome調試

前端chrome調試

step 文件 image 查看 分享 進行 size 資源 hit

Resources標簽頁

Resources標簽頁可以查看到請求的資源情況,包括CSS、JS、圖片等的內容。也可以設置各種斷點。對存儲的內容進行編輯然後保存也會實時的反應到頁面上。

技術分享圖片

技術分享圖片

幾個常用的斷點快捷鍵:

F8: 繼續執行
F10: step over, 單步執行, 不進入函數
F11: step into, 單步執行, 進入函數
shift + F11: step out, 跳出函數
ctrl + o: 打開文件
ctrl + shit + o: 跳到函數定義位置
ctrl + shift + f: 所有腳本中搜索

前端chrome調試