《你不知道的 Chrome 调试技巧》-- 学习笔记

截全屏

ctrl + shift + p ：调出command

然后输入screen

 效果

引用上次结果

在console中，想要引用上次的计算结果

使用$_

添加有条件的断点

• 右击行号，选择 Add conditional breakpoint...(添加条件断点)

• 或者右击一个已经设置的断点并且选择 Edit breakpoint(编辑断点)

• 然后输入一个执行结果为 true 或者 false 的表达式（它的值其实不需要完全为 true 或者 false 尽管那个弹出框的描述是这样说的）。

在这个表达式中你可以使用任何这段代码可以获取到的值（当前行的作用域）。

如果条件成立，这个断点就会暂停代码的执行：

 

 过滤请求

network中的filter可以根据条件过滤请求

 

 也可以通过右击，选择一些列进行展示

打开拾色器