前端调试线上程序---fiddler

开始调试前你需要安装一个 fiddler 的软件,该软件的功能类似中转服务器,你可以使用其他的抓包软件也可以,开心就好!

前端调试线上程序---fiddler_第1张图片
fiddler

本次示范以app中的程序为例:
前提是大家读配好端口了,我配置的端口是 8888,大家根据自己的来定,主要是讲大体是怎么实现的!
①:打开fiddler
②:打开模拟器连接该端口
前端调试线上程序---fiddler_第2张图片
模拟器设置

在模拟器的浏览器输入 192.168.1.115:8888 (其中192.168.1.115为你自己电脑的ip,不知道的可以按下 win+R 在黑乎乎的窗口输入 ipconfig 就可以看到你自己的ip了)

前端调试线上程序---fiddler_第3张图片
取ipv4这一段ip

不懂设置的自己百度下,网上贼多教程

③:我为了演示效果,我就抓一个 html 的包下来修改让大家看看效果!
我现在要修改这个html文件


前端调试线上程序---fiddler_第4张图片
线上生产环境的html

前端调试线上程序---fiddler_第5张图片
步骤①:先把这个文件右键保存到本地

前端调试线上程序---fiddler_第6张图片
步骤②:在该html最前面添加一段脚本

前端调试线上程序---fiddler_第7张图片
步骤③:替换文件

再次刷新看看

前端调试线上程序---fiddler_第8张图片
就这样就可以了

其中匹配条件有几个( 更多的配置可以百度):
EXACT: 表示完全匹配(大小写敏感)
无前缀表示基本搜索,表示搜索到字符串就匹配
REGEX:表示使用正则表达式匹配

你可能感兴趣的:(前端调试线上程序---fiddler)