作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！😄

Js逆向教程-06js逆向断点的种类及介绍

一、js逆向的前提

• 能修改输出js运行当中的一些变量的值
• 能下断点
• 批量监听一些变量值

二、什么时断点？

程序运行过程中，可以停下程序运行，可以调试程序中的变量值。

三、断点的种类？

• DOM断点
• DOM事件断点
• XHR断点（XML HTTP REQUEST）
• 代码行断点：最基础断点。
• 代码断点：debugger;
• 全局事件断点（浏览器事件断点)
• 异常捕获断点

四、网站代码运行的时间轴：

加载html==>加载js==>js代码初始化==>用户触发了某个事件==>调用js代码==>加密函数==>给服务器发请求 > 接收到服务器返回的数据>解密函数 ==> 刷网页渲染

五、断点介绍

5.1DOM断点

当渲染时，样式发生改变，会触发DOM断点

它一般在 用户触发了某个事件 时，段下来。执行的比较考前，距离加密函数比较远。所以无法根据栈去快速定位。

它的优点时定位的比较准。

清空Dom断点

5.2DOM事件断点

如果DOM断点不能下断点，我们可以用DOM事件断点来下断点。

它和DOM断点的特性一致。

DOM事件断点是在Element面板的Event Listeners下找到的：

5.3代码行断点

直接在js代码行里面下断点

5.4代码的debugger断点

直接加

debugger;

下断点即可。

5.5XHR断点

XHR断点是在给服务器发请求的时候停下来：

它执行的比较靠后。

• 优点是距离加密函数相对比较近，可以根据栈来快速定位。
• 缺点是非XHR发送的就断不住这个断点

5.6全局事件断点

它位于Sources面板下的Event Listener Breakpoints

这里可以捕获到网站加载的断点，键盘鼠标的断点等等。

5.7异常捕获断点

只有在跟浏览器参数的时候用的比较多。

只需要将这个复选框勾选上 就会捕获网站上的所有错误异常的断点 主要处理 try catch类型的断点。

总结

最后的最后
由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！

最后，谢谢你看到这里，谢谢你认真对待我的努力，希望这篇博客对你有所帮助！

你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！

💬 往期优质文章分享

• C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
• 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
• 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
• Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
• Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

🚀 优质教程分享 🚀

• 🎄如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
• 🎄比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
• 🎄可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！

🚀 资料白嫖，温馨提示 🚀

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种游戏源码素材等等资料。更多内容可自行查看哦！