诺离 发表于 2021-2-20 07:46:39

JS代码注入调试分析神器



通常我们在调试网页JS的时候,JS代码都是被压缩过的,虽然浏览器可以实时修改JS代码,但是被压缩过后的代码阅读困难,但是将代码格式化排版后也无法进行修改,可谓熊掌不可兼得啊,就以某网页登陆为例。
例如上图的代码就是经过压缩的,非常的不雅观,虽然说可以直接修改他的JS代码来达到调试的目的,但是阅读很不方便;






这里我们格式化代码后,虽然美观了,我们看到名字后面多了个formatted,这种情况就无法编辑JS达到实时调试了,所以我们这个JS代码注入神器的使用方法就来了,这里我把格式化代码后,把代码复制出来,保存到本地文件。这里我就用VSCODE软件来进行编辑。







如图所示,我们的软件是有1个JS文件夹的,我们把文件保存到里面,如VSCODE图所示;这样我们就把格式化好的JS文件保存下来了,然后打开软件,点击重置文件列表


点击重置文件列表后,我们看到列出了JS文件夹下的所有文件,上面3个是我之前自己的,就不用管,那么软件工作原理就很简单,就是匹配名字进行替换JS文件,这里启动替换是未开启状态,我们只需要双击变成打勾状态即可开启。。


最后重点来了,软件打开之后就默认开启了代理了,由于浏览器缓存机制,此时你刷新网页可能还是读取原来的JS,我们这里有3个方法时网页的JS文件变成我们本次的:


方法一:
   直接清空缓存,之后在刷新网页,我们软件的替换状态这里如果出现了当前的时间,证明替换成功


方法二:
    打开F12调试面版,如图所示,勾上Disable cache,意思就是禁用缓存文件,这样在刷新即可


方法三:
    也是我常用的方法,就是把JS文件的网址单独打开,按Ctrl+F5强行刷新这个网址,就能重新拉取缓存







通过以上方法,我们就看到JS文件就是格式化后的了,非常漂亮,此时你可以直接在F12面板里面直接修改JS代码,但是我个人还是建议如果修改的地方比较重要,还是通过vscode修改本地的JS文件,这样就不会丢失修改好的代码了。
这里我推荐使用方法3, 第一个方法很麻烦,第二个方法比第一个方法快,但是每次全部重新拉取缓存,遇到站点比较慢的服务器,每次刷新就很蛋疼了。。


最后附上软件,祝你在JS分析上又省了不少事!



lwa1321 发表于 2021-2-24 09:22:20

感谢管理员:):):)
页: [1]
查看完整版本: JS代码注入调试分析神器