保存为全局变量

对打印的信息右键保存为全局变量

复制dom element strng

点击直接ctrl+c

element面板调整数字大小

上下箭头 + ctrl alt 或者shift一个一个试一下

命令行

• ctrl + p 打开资源查找器，输入 > 进入命令行。
• 直接ctrl + p + shift

$ 和 ?

• $ 是 document.querySelector()别名
• ? 是 document.querySelectorAll() 别名
• $_ 表示上一次的执行结果,像是对上一次语句左边拼接 =

console一定是同步的吗？

console打印需要时间，再打印出结果前，是以引用的方式保存的。所有有可能打印的结果不准确。所以应该尽量打印基本类型，或者使用断点。

console控件台总是被async 包围

一些异步的方法可以直接使用await，比如fetch语句

条件断点

在断点语句添加判断语句， 不需要if，如果条件满足就会断点。条件语句总是会执行

条件断点和console黑科技

利用上面的特性，因为console总是返回undefined，所以可以添加一个条件语句console.log()

条件和console

console.assert()，第一个参数写语句，后面写打印

log 多参数打印技巧

console.log(x1, x2, x3) 修改改成 console.log({ x1, x2, x3 }) 就可以看到每个位置是什么参数，当然可能会出现值不准确的问题。

打印数组和对象

console.table

过滤请求

• filter 过滤框中添加 method:GET 就会仅显示GET请求，-method:GET 就会过滤GET请求只显示其他，也可以勾选invert选项
• 安装crtl 点击资源类型可以多选

勾选禁用缓存和硬性刷新浏览器的区别

禁用缓存会每个资源都不使用缓存，硬性刷新只会在dom初始化阶段的请求添加禁止缓存

添加network展示的列

在表头右键，一般添加上method方法

代码片段

命令行输入 create new snippet 新建代码片段，通过!加代码片段名称调用

利用source -> filesystem 实现在浏览器中修改代码，并同步css

本地起一个服务，把代码目录拖到filesystem, 对变绿色的代码就可以直接修改，保存后隐射到本地

page filesystem overrides contentScript的使用

• page 用于查看当前网页下面文件
• filesystem 连接本地和浏览器，在浏览器中的修改会同步到本地代码。文件标志是绿色
• overrides 不能和filesystem共用，修改文件时优先保存overrides。通过完全一致的url对应，包括查询参数。文件标志是紫色。浏览器加载时会本地替换这个资源