1、在控制臺(tái)獲取上次操作返回的值
在控制臺(tái)可以通過 $_ 獲取上次執(zhí)行返回的值盈电,通過這個(gè)方法調(diào)試代碼會(huì)方便很多
2蝴簇、在控制臺(tái)打印當(dāng)前選中的dom元素
鼠標(biāo)點(diǎn)中需要打印的dom元素,在控制臺(tái)輸入 $0? 即可打印出選中元素
3匆帚、編輯頁面上的文本
控制臺(tái)輸入 document.body.contentEditable="true"或者document.designMode = 'on' 使頁面內(nèi)容可編輯熬词,一般在調(diào)試文本長度判斷頁面布局是否串行很實(shí)用
4、console.table()打印數(shù)據(jù)
以表格的形式打印數(shù)據(jù)吸重,這將看起來更清晰
5互拾、newWork 重新發(fā)起XHR請求
平時(shí)工作在和后端聯(lián)調(diào)中,我們使用最多的就是netWork來查看數(shù)據(jù)查看請求的狀態(tài)等嚎幸,如果我們想要重新發(fā)起一個(gè)請求颜矿,往往都是刷新頁面或者重新點(diǎn)擊按鈕,如果頁面加載很慢比較容易影響我們的開發(fā)效率嫉晶,這個(gè)時(shí)候我們可以通過瀏覽器的自帶功能Replay XHR重新發(fā)起一次請求骑疆。
6、通過控制臺(tái)發(fā)送請求
在調(diào)試接口的時(shí)候我們往往需要輸入不同的參數(shù)來重新發(fā)起請求替废,這個(gè)時(shí)候可以在控臺(tái)修改參數(shù)發(fā)送請求來達(dá)到目的
1箍铭、打開network,選中接口
2椎镣、copy -? copy as fetch
3诈火、粘貼到控制臺(tái),根據(jù)需求修改參數(shù)
4状答、回車發(fā)送
7冷守、控制臺(tái)編輯腳本換行
我們往往需要通過控制臺(tái)來調(diào)試代碼,當(dāng)輸入很長時(shí)為了美觀惊科、方便我們往往需要換行拍摇,可以通過shift+enter來實(shí)現(xiàn)
8、命令Command菜單
“命令” 菜單是比較常用的一個(gè)功能馆截,快速打開的方法是?Cmd + Shift + P 授翻,比如輸入switch to dark theme 來切換主題等
9、Cmd+Shift+T 打開最近關(guān)閉的頁面
當(dāng)我們誤操作關(guān)閉某個(gè)頁面的時(shí)候,快捷鍵?Cmd+Shift+T 來打開堪唐,像什么都沒有發(fā)生一樣巡语。