一些chrome调试

Posted 2022-07-30 vicky24k

1.command + shift + P

变换主题 theme
截屏 capture

2.添加代码片段 Sources->Snippets->new Snippets->save,run

3.command + p 迅速寻找资源

4.console 中的 ‘$‘
(1)
$0 是对我们当前选中的 html 节点的引用
$1 是对上一次选择的节点的引用
$2 是对在那之前选择的节点的引用
...
一直到 $4

(2)
$ 和 $$
document.querySelector(‘div‘) = $(‘div‘) 返回Node list
Array.from(document.querySelectorAll(‘div‘)) === $$(‘div‘) 返回节点数组

(3)
$_：对上次执行的结果的 引用
Math.random();
$_

(4)
$i ： 在 Dev Tools 里面来使用 npm 插件
安装 Chrome插件:Console Importer
$i(‘moment‘)
moment().format("YYYY-MM-DD HH:mm:ss")

5.network
initiator: 鼠标悬浮，显示调用堆栈
请求过滤：method：POST
自定义请求表：右键
不刷新重新发送 XHR 的请求