fiddler 代理实现移动端测试等配置

摘要： 解决前端开发移动端实时测试，场景：前端开发过程中或者测试过程中需要在移动端测试，使用工具 fiddler 。 相同局域网内代理到电脑。电脑开启一个服务可以同时多个移动端配置测试。

fiddler下载地址：

https://www.telerik.com/download/fiddler

常用功能

手机端代理

电脑端配置

打开fiddler : file->capture traffic 勾选

如果需要 抓https的包： tools->options->https:

​

actions: 选择 trust root certificate

手机端配置

打开手机 wifi 。 保证电脑和手机wifi在同一局域网里面。

wifi -> 代理配置：

选择手动 -> 输入 电脑 ipv4地址，端口：8080 （电脑 ->网络状态 -> 更改链接属性 查找 ipv4地址）

在手机浏览器打开 输入 ip:port 。

下载安装认证。iphone可以直接选择 验证。

或者 设置-> 通用 -> 描述文件 -> 里找到 DO_NOT_TRUST_FiddlerRoot 进行验证。

配置完成 。 可以抓包啦

解压缩html文件

选择一个 html请求 ， 进行如下选择 可以查看 html返回。

前端可以设置host到dev 进行前端开发测试 手机端打开跟电脑打开一样效果。dev 也正常可用。

查看ajax header，cookie，form等

地址重定向

将你需要重定向的链接拖到AutoResponder 里，然后根据需求配置需要返回的内容。

设置一个重新返回的链接已方便测试。

到这里 一般的测试都能搞定啦 ……

设置request column ，显示IP

https://docs.telerik.com/fiddler/knowledgebase/sessionflags?_ga=2.67731732.408301828.1577340677-18141036.1577340677

除了IP还可以增加需要的其他数据。

具体设置方法： 切换到 fiddlerScript 找到main函数 增加以下你需要设置的列。

参考https://docs.telerik.com/fiddler/knowledgebase/fiddlerscript/addcolumns

    FiddlerObject.UI.lvSessions.AddBoundColumn("ServerIP", 120, "X-HostIP");
 //参数含义可以参考下图
	FiddlerObject.UI.lvSessions.AddBoundColumn("aaa", 120, "x-clientport");

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0sUREEZN-1577341812004)(C:\Users\yuqinzeng\AppData\Roaming\Typora\typora-user-images\1577341638360.png)]

重启 fiddler 就可以看到 ，也可以自己拖动调整列的顺序。

lvSessions.AddBoundColumn(“aaa”, 120, “x-clientport”);

  	![\[外链图片转存中...(img-0sUREEZN-1577341812004)\]](https://img-blog.csdnimg.cn/20191226143508634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3plbmd6ZW5nMDEx,size_16,color_FFFFFF,t_70)

 

重启 fiddler 就可以看到 ，也可以自己拖动调整列的顺序。