(1)表格打印
image.png
(2)
F8 運行到到下一個斷點之前
F9 步進(會進入當(dāng)前函數(shù))
F10 步進 (不會進入當(dāng)前函數(shù))
(3)一些小技巧
- 在elements里面通過拖拽來進行兩個dom元素的交換
- 通過$0可以在控制臺中拿到你選中的dom元素
- 使用$_可以拿到你在控制臺上一次計算得到的結(jié)果
- 修改css屬性后,可以通過點擊css屬性找到在source中對應(yīng)的文件,并通過右鍵save as來進行保存
- 控制臺中使用enter+shift進行換行
- 右鍵點擊dom元素通過break on 也可以打斷點
(4)打印對象與數(shù)組
console 中打印出的對象或者數(shù)組,在你打印出他內(nèi)容之前养晋,是以引用的方式保存的凡怎。
打印修改前后的對象都會顯示修改后的結(jié)果渔期。
解決辦法:
- 打印一個從這個對象復(fù)制出來的對象郑口。
- 使用 JSON.stringify() 方法處理打印的結(jié)果
- 斷點調(diào)試
(5)控制臺數(shù)據(jù)的拷貝
如果你想拿到控制臺打印的數(shù)組或者是對象竿屹,嵌套了很多層枫虏,復(fù)制下來妇穴,可以先進行save as global得到一個temp1變量爬虱,然后使用copy( temp1 )就將想要的數(shù)據(jù)拷貝到剪貼板了,直接進行粘貼就行了
(6)source面板
- ctrl + p 進行文件搜索
- 在希望打斷點的代碼前加上 debugger;