如何在无源码的压缩网站(AI Sensei)上调试内存问题
内存泄漏排查与浏览器扩展修复尝试
问题背景
刚接触Chrome DevTools调试内存问题,目前面临两个核心障碍:无法访问网站源码,且代码已被压缩,难以追踪对象名称。
涉及平台为AI Sensei(一款AI复盘围棋棋局的平台),在「游戏」标签页加载棋局预览时性能暴跌。最初怀疑是用SVG而非<canvas>实现棋盘组件(后者在这类场景下性能更优),但通过内存和性能面板调试后,更倾向于是内存泄漏问题——部分对象快速堆积占用内存。
根据相关视频内容,JS堆曲线持续上升是内存泄漏的典型特征,当前观测到的情况完全符合:
- 滚动加载300+棋盘预览后,标签页内存占用升至1.5GB以上,仅用于预览显然不合理;
- 加载约500个预览时,页面直接崩溃(通常报SIGILL错误),无法通过现有UI加载全部游戏。
浏览器扩展修复尝试
启动了浏览器扩展项目ai_sensei_plus,目标之一是修复该问题,但不确定扩展是否可行。
已尝试强制移除所有SVG棋盘预览,但未解决问题:
const boardDivs = document.body.querySelectorAll("div.board-background") boardDivs.forEach((d) => { const svg = d.querySelector("svg") d.remove(svg) })
另外,探查发现网站的无限滚动逻辑仅与滚动高度绑定,和已加载内容无关。
求助需求
请问该如何排查这类内存泄漏问题?通过浏览器扩展是否有可行的修复方案?
内容的提问来源于stack exchange,提问作者psygo
相关产品推荐
相关产品推荐

