实操：手机上用Fiddler调试页面（嘎）

Posted 2021-04-30 光荣之路

当我以前在调PC端网页的时候，Firefox有Firebug，Chrom也有自己的调试抓包工具，用起来很方便。

但是现在我要在手机上面调试页面，这个时候就没有这么方便的现成工具了。

后面发现了Fiddler，设置一下后，就能用这个来抓取手机访问页面时候的请求了。

下面是文章大纲：

1. Fiddler配置与手机无线的配置

2. HOST修改

3. AutoResponder

4. 指令

5. 过滤Filter

6. 插件

一、Fiddler配置与手机无线的配置

1、首先电脑和手机要使用同一个无线

2、配置Fiddler，单机Tools=》Fiddler Options

　　

　　改好后，要重新连接一下，才能让Fiddler抓取到。

二、HOST修改

我一开始调试手机网页，都是先把文件上传到绑域名的服务器上，然后再访问测试，这样效率有点低。

以前的PC网页都是在本地调试好后上传到服务器上的，现在我也想这么做，这个时候就需要在Fiddler中配置域名转向了。

1、例如用手机访问http://www.pwstrick.com/fiddler/这个页面：

　　

Fiddler抓取到的如下所示：

　　

2、接下来我要让http://www.pwstrick.com/fiddler/访问的是我本中的工程文件。

点击Tools=》HOSTS打开的页面如下：

满心欢喜的以为域名已经转向了，用浏览器打开，duang一下是下面那个鸟样：

　　

后面我想到得在我本地Apache上面配置个虚拟目录：

　　

刷新下页面：弹出的内容就变成本地设置的了

　　

　　

三、AutoResponder

刚上面的host修改，是把所有这个域名下的文件都重定向。但有的时候只需要测试某个文件，这个时候就可以用AutoResponder了。

1、将第一个和第二个打勾，第二个不打勾的话，所有页面就都不能访问啦，第二个选项的意思是不匹配的请求都保持不变。

　　

2、在下面做个匹配规则，我选的是完全匹配，这里可以用正则表达式，高大上的东西。

　　

3、满怀期待的刷新下页面，出来了用的是demo2.js文件中的内容

　　

点击进入fiddler文档页面查看更多规则事例...

这个请求还可以让他延时请求，或者其他方式，选项如下：

(未完待续)

光荣之路软件测试培训

官网：http://www.gloryroad.cn/

微信公众号：gloryroadtrain