奇易社区(原fiddler论坛)

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 144|回复: 1

JS代码注入调试分析神器

[复制链接]

8

主题

14

帖子

58

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
58
发表于 6 天前 | 显示全部楼层 |阅读模式


通常我们在调试网页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分析上又省了不少事!



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

0

主题

2

帖子

24

积分

新手上路

Rank: 1

积分
24
发表于 前天 09:22 | 显示全部楼层
感谢管理员
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|奇易论坛

GMT+8, 2021-2-26 21:13 , Processed in 0.038256 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表