分享我自己开发的移动端代理调试抓包工具Mobile Debug for Mac,支持win/macos
发布于 1 年前 作者 zhaixiaowai 1621 次浏览 来自 分享

mac版地址:https://www.jscompress.cn/Mac/mobile-debug.shtml windows版本地址:https://www.jscompress.cn/mobile-debug.shtml
. . . ###代理抓包/网页调试/请求劫持/HTTPS支持/跨平台/免费使用

他们在功能上保持一致,以mac版为例: image.png

安装完软件后打开软件,勾选[绑定代理端口并启用调试功能],等待状态切换为[打开调试界面],点击调试界面会打开浏览器进入到真正的管理界面.

. . . ###设置Mobile Debug for Mac代理,抓取移动端设备请求数据

1.进入【请求捕获列表页】,单击右上角的【接入新设备】 image.png

2.根据您要接入的设备类型选择【Android】或者【iPhone】然后点击【下一步】,他们在后续的提示引导上有略微的细节差异。 image.png

3.将您准备接入代理的设备连上局域网wifi(需要可以访问Mobile Debug for Mac所在Macos的网络),然后使用待接入设备扫描并访问ip检测二维码(建议做检测,如果您只有1个网卡,可以跳过这个步骤)。 image.png

通过检测的网卡会被标识为【已通过检测,可使用】,然后点击【下一步】。 image.png

4.选择调试接入模式为【代理捕获注入】,然后点击【下一步】 image.png

5.将界面提示的主机名和端口按照界面下方的提示设置到您待接入的设备的已连接的当前wifi配置中 image.png

到此,设置完毕后您可以使用接入设备的浏览器 访问http的站点了。

如果您想查看https的链接数据,那么您需要在处理完【第5点】后,为接入设备安装测试证书,否则接入设备访问https的请求将被设备标记为不可信任而被阻止。

如何安装测试证书?

继续点击【下一步】使用已经设置好代理的接入设备,扫描或者访问界面提供的二维码或者网址,如图:

image.png

按照界面上的图片提示步骤安装好测试证书即可。

image.png

到此设置完毕,点击完成退出新设备引导界面。

此时,使用设置好的代理访问网页即可在列表中查看:

image.png 单击【列表】中的链接或者双击【所在行】即可查看该次请求的详细数据:

image.png

image.png . . . ###通过[调试注入规则]配合代理模式调试移动端设备上的网页

在使用添加【调试注入规则】调试网页之前,请先确认您已成功设置Mobile Debug for Mac代理并可正常访问网络。

1.打开【调试注入规则管理】列表页,点击右上角的【添加调试注入规则】 image.png

2.选择【匹配方式】,我们建议您使用【域名】匹配,慎用【正则表达式】匹配,如果您只想调试部分网址,可以使用【起始匹配】模式。

【匹配值】是依据【匹配方式】的不同填写的规则。

【域名】匹配方式:

ߦ本规则不含端口号,如果你需要调试指定端口号域名请选择起始匹配模式 ߦ本规则不区分大小写 ߦ本规则匹配包含子域名 若你填入jscompress.cn,则你可以匹配到如: https://www.jscompress.cn/mobile-debug.shtml?a=1 http://jscompress.cn/?a=2&b=3等类似的请求

image.png

【完整匹配】匹配方式: ` ߦ本规则不区分大小写` ` ߦ请注意,http网络请求中是不包含url中hash部分的,如 ?abc=1#def=2` 如你要调试的网址url为https://www.jscompress.cn/mobile-debug.shtml?a=1,则你需要 填入https://www.jscompress.cn/mobile-debug.shtml?a=1,任何url上的差异都将无法命中该规则 `` image.png

【起始匹配】匹配模式: ` ߦ本规则不区分大小写` 若你填入https://www.jscompress.cn/mobile-debug.shtml,则你可以匹配到如: https://www.jscompress.cn/mobile-debug.shtml?a=1 https://www.jscompress.cn/mobile-debug.shtml?a=2&b=3等类似的请求

image.png

【正则表达式】匹配模式 `` ߦ本规则不区分大小写 ߦ建议对正则表达式有了解的用户使用,错误的正则表达式将影响程序性能.

image.png

配置完毕后,点击右上角的确定保存即可。

此时使用配置好代理的接入设备访问需要调试的网页,您可以在【请求捕获列表】中看到如下图的标识,该标识表示该网页已按照您配置的规则注入了调试代码:

image.png

同时您可以在调试列表中看到被调试页面的状态,单击列表项进入对应的页面调试:

image.png

image.png . . . 关于网页控制台的基本介绍,如果有兴趣,可以移步这里查看:https://www.jscompress.cn/Mac/Help/help_10061.shtml

5 回复

@Richar-Dada 欢迎体验并反馈

不是有fiddler吗,不过还是为楼主点赞。👍 ~From Frank.Cnode

@FourLeafClover fiddler只能用来抓包哦,其实我第一版只有网页调试的功能,后面因为要扩展调试的功能才加的代理,

回到顶部