Chorme调试技巧（易盾滑块轨迹JS调试）

Chorme调试技巧

一般来说，我们如果想要对JS参数进行调试的话，都是在Network面板中擦欧总。首先清理数据包，之后禁用缓存，然后刷新页面，点击登录，在search中寻找我们需要的加密参数等等。比如一个数据包中有password参数经过了加密，因为全局匹配的搜索结果通常情况下比较多，所以我们会加一些符号来过过滤：

• password：
• password =

但是更方便的方法是查看Network选项卡中数据包的Initiator一栏中的堆栈调用信息。

断点

我们任意点击一个堆栈信息进去们可以在Sources面板之中点击序号栏下断点。然后点击页面上的例如登录按钮让它触发事件，我们配合右边的Call Stack去查看我们的关键信息到底在什么地方。

我们也可以选择去下XHR断点，因为许多请求是XHR请求，我们就可以复制一下XHR包的URL，在Sources面板中新建XHR Breakpoints就可以在发起网页这个XHR请求的时候断点。

我们也可以在Sources面板中，选择右边的Event Listener Breakpoints，下一个事件断点。比较常用的是Mouse里边的click断点，因为我们要抓的许多加密参数包是点击按钮后才会触发的。

这里的事件断点通常会断在一开始的HTML页面，我们可以一步步深入去了解事件加密。

通常我们在Sources面板中下断点，直接点击相应的序号栏即可。不