JS调试技巧:避免控制台卡死的日志断点使用技巧

作者:LLLibra146

大家好,今天分享一个在分析 vmp 时不再卡死浏览器的小技巧。

jsvmp

在分析 jsvmp 的时候,一般会使用插桩的方式来输出对应位置的日志,但是有的时候日志量太大,可能会卡死控制台。

这个时候可以考虑在插桩的时候,将插桩的日志保存到一个 list 或者 map 对象中,不要将所有的日志都打印出来,可以缓解控制台的压力,并且方便后续将所有的日志复制出来进行分析。

日志断点

日志断点大家应该都知道了,但是如果想要将日志断点的结果保存到 list 或者 map 中的话,直接调用 push 或者 set 方法是不可以的,因为最终的表达式会被放到 console.log 方法中执行,即使是 push 到了 list 中,最终 console.log 还是会输出 push 方法的返回值。

image-20250602210511689

如图所示,我随意找了一个日志断点,最终执行的表达式是这样的,使用 console.log 进行输出的。

条件断点

那应该如何将插桩的日志保存到 list 或者 map 中,但是又不会往控制台输出大量日志呢?在反混淆逻辑表达式的时候突然想到逻辑表达式就是可以根据条件判断是否要继续往后执行的,那最起码要先执行一段表达式,在这个时候执行插桩日志的保存逻辑不就好了。

随便找一道题来尝试一下:

image-20250602212011909

在条件断点中写下如上表达式,别忘了最后要加上条件,这是为了让这个表达式的值永远为 false,这样条件断点就不会在这断下,但是会正常执行插桩的逻辑。

javascript 复制代码
mapppp.set(Math.random(),JSON.stringify({'_220575':_220575},function(k, v) {if (v == window) {return 'window'} return v})) && false

注:此处插桩逻辑仅作为示例,可能无实际作用。

image-20250602212118102

别忘了提前定义一个名字叫 mappppmap,可以看到条件断点正常生效并且输出了所需变量的值。

再来尝试一下输出 jsvmp 中的某个数组的值:

image-20250602212305273

image-20250602212403341

map 中使用随机数只是为了不让 key 相互覆盖,可以看到数组的值被正常的打印出来了。

总结

综上所述,使用条件断点代替日志断点可以更好的处理大量日志的情况,当然具体的插桩代码大家可以按需修改,我这里只提供思路。

且并不是说日志断点可以用条件断点代替,只能说在日志量特别大的情况下,可以替代使用,这样对于调试会更加方便。

相关推荐
狗哥哥8 分钟前
微前端路由设计方案 & 子应用管理保活
前端·架构
TT哇31 分钟前
【实习 】银行经理端两个核心功能的开发与修复(银行经理绑定逻辑修复和线下领取扫码功能开发)
java·vue.js
前端大卫42 分钟前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘1 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js
ccnocare1 小时前
浅浅看一下设计模式
前端
Lee川1 小时前
🎬 从标签到屏幕:揭秘现代网页构建与适配之道
前端·面试
Ticnix1 小时前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人2 小时前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl2 小时前
OpenClaw 深度技术解析
前端
崔庆才丨静觅2 小时前
比官方便宜一半以上!Grok API 申请及使用
前端