网页浏览器Chrome开发者调试工具-Source(源码)-断点调试、条件断点、日志断点

前言全局说明

网页浏览器Chrome开发者调试工具-Source(源码)-断点调试、条件断点、日志断点
断点，是某行代码要执行，还没有执行的一个暂停点

一、截图对照

1.1 Chrome 浏览器

1.1.1 蓝色，普通断点

1.1.2 设置断点类型

图中分别是：
backpoint: 普通断点（蓝色）
Conditional breakpoint 条件断点 （黄棕色）
Logpoint 日志断点 （粉红色）

1.2 Edge 浏览器

1.2.1 红色，普通断点

1.2.1 设置断点类型

不同断点类型，颜色无变化

二、 backpoint: 普通断点（蓝色）

普通断点，就是在某行前设置断点后，执行执行到断点处停止。

三、Conditional breakpoint 条件断点 （黄棕色）

条件断点，是在执行到断点后，继续执行，设置一个条件，当满足条件时，断点就停下来

比如：
有个 for 循环，循环输出1到100的数，假设要在输出到 50 时断点暂停，
就可以设置 num == 50 ，当执行到 50 次时，断点就停住了
（如果调试是js，那么表达式就按js语法写就行了）

四、Logpoint 日志断点 （粉红色）

日志断点：就是把某行代码执行过程，打印到控制台上

比如： for 循环执行时的没一部都打印出来

五、行断点

js允许把代码写在一行，那怎么断点呢？

如下图，还是现在行头，设置断点，后面可以断点处，会自动显示灰色断点
红色箭头处，红色圆点是第一个设置好的断点；
绿色箭头处，灰色圆点是可以设置断点的地方

免责声明：本号所涉及内容仅供安全研究与教学使用，如出现其他风险，后果自负。

参考、来源：
2024-02-28_路飞_大型网站反爬策略揭秘&逆向实战-Day03 57:03