一、快速請求重發(fā)-(可用于問題復(fù)現(xiàn))
重發(fā)請求,這有一種簡單到發(fā)指的方式
-
選中
Network
-
點(diǎn)擊
Fetch/XHR
-
選擇要重新發(fā)送的請求
-
右鍵選擇
Replay XHR
?但是經(jīng)過實(shí)際使用調(diào)研,發(fā)現(xiàn)它只適用于axios或類似方式使用xhr api,則XHR仍在重放,但是,如果使用新的api fetch,則需要使用其他方法,如下:
?此方式還可以直接修改請求的參數(shù),重新發(fā)起請求非常好用
二、復(fù)制控制臺的復(fù)雜對象
如果直接復(fù)制粘貼會亂碼
?現(xiàn)在當(dāng)你想復(fù)制樣式代碼時,只需要鼠標(biāo)右鍵然后點(diǎn)擊 Copy declaration 就可以實(shí)現(xiàn)復(fù)制了
三、聚焦于具體dom
可先鼠標(biāo)選中具體dom元素,出現(xiàn)$0標(biāo)識,然后切換進(jìn)入控制臺,鍵入$0即可打印出該dom元素
?
?四、控制臺引用上一次執(zhí)行的結(jié)果
變量的遞歸使用例如:
'fatfish'.split('').reverse().join('')
如果要查看每次的結(jié)果可以在控制臺使用$_
引用上一次操作的結(jié)果
// 第1步
'fatfish'.split('') // ['f', 'a', 't', 'f', 'i', 's', 'h']
// 第2步
$_.reverse() // ['h', 's', 'i', 'f', 't', 'a', 'f']
// 第3步
$_.join('') // hsiftaf
五、瀏覽器直接引入插件使用
有時候想使用比如dayjs或者mockjs的某個API
,但是又不想去官網(wǎng)查,如果可以在控制臺直接試出來就好了。
Console Importer 就是這么一個插件,用來在控制臺直接安裝npm
包。
-
安裝
Console Importer
插件 -
$i('name')安裝npm包
如下示例:安裝了mockjs,即可在控制臺直接使用mockjs的方法去生成mock數(shù)據(jù),如果可結(jié)合如上第二條所示的直接復(fù)制控制臺的復(fù)雜對象,便可生成自定義規(guī)范的隨機(jī)數(shù)據(jù)用于平常開發(fā)中的模擬數(shù)據(jù)使用
例如可生成一組圖表數(shù)據(jù)
文章來源:http://www.zghlxwxcb.cn/news/detail-450464.html
關(guān)于mock文章來源地址http://www.zghlxwxcb.cn/news/detail-450464.html
到了這里,關(guān)于chrome-實(shí)用技巧的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!