如何用 fiddler 代理调试本地手机页面
最近在做移动端的页面,但是移动端的调试很蛋疼。虽然说 90% 的功能都能用 chrome 下的模拟器来模拟解决,但是剩余的 10% 却只能在真机上调试。比如说一两个像素的误差,比如说只有真机上才能重现的一些 bug(可能是因为 pc 机反应太快无法重现,可能是因为 chrome 下的 touch 跟移动真机的 touch 还有很大差别,等)。之后请教了下测试妹子,学习了下用 fiddler 代理调试本地页面,实在是爽歪歪!!
1、安装 fiddler
很显然第一步要安装 fiddler 代理,我直接下了百度软件中心的,1.2M,当然也可以去官网下。fiddler 是用 C# 写的,所以要安装 .net 的环境(所以 fiddler 只能运行在 windows 环境中)。如果下的 fiddler2,得安装 .net framework2,如果下的是 fiddler4,得安装.net framework4。在安装 fiddler 的时候如果你的环境没配置好,安装过程会提醒你去下载的。
2、fiddler 配置
一路 next 后安装完 fiddler,打开软件。Tools
-> Fiddler Options
-> Connections
完成如下配置:
3、移动端网络配置
移动端和 pc 端必须连同一个网段的网络,连同一个 wifi 就 ok 了,或者 pc 端可以开个热点分享网络给移动端,这点我没有试过不过理论上应该可行(可以查看下手机和 pc 机的 ip 是否在同一网段)。
移动端连上网络后还要进行一些高级设置,我这边手机上先长按该 wifi 网络名称,然后点修改网络,然后勾选显示高级选项,代理设置改为手动,代理服务器主机名改为 pc 端的 ip(在 cmd 下用 ipconfig 命令得到的 ipv4 地址的值),将代理服务器端口设置为 8888(fiddler默认端口),点击确定完成设置。
4、调试
接下去就可以用手机浏览器调试本地页面了,但是还是有几点要注意。
- 在本地搭建好服务器后,不能用 localhost 在移动端进行访问,也不能用 127.0.0.1。可以随便绑定一个地址,比如
127.0.0.1 www.cnblogs.com
(hosts 文件中,如果之前修改了 vhosts 文件,那么 vhosts 文件也要一并修改) - 我手机上有 4 个浏览器,uc、chrome、2345以及百度,前三个都能得到预想的结果,但是百度浏览器不知道为何却不能重定向。有时候不行的话或者可以试试别的浏览器,对我而言一个浏览器能出结果就已经 ok 了。
- 如果浏览器安装了代理插件,禁用代理插件或改为系统代理,否则 fiddler 捕捉不到请求
最新文章
- 从Undo,Redo谈命令模式
- 数据库DDL语句书写规范
- oracle 拼接一张表所有字段
- C#:注册机的实现【提供源代码下载】
- cmd的rd命令简单解析
- iOS - Swift NSLocale		本地化信息
- Working with Other Node Types II
- 【M26】限制某个class所能产生的对象数量
- 最快的方法来清除Chrome浏览器DNS高速缓存
- [CQOI2009] 中位数
- 图论之最短路径floyd算法
- HTTP协议06-报文首部
- Zephyr学习(二)开发环境搭建
- MySQL中的存储过程和函数使用详解
- Snipaste截图
- LA 3213 古老的密码
- Visual Studio 2017正式版离线安装方法
- http跟https的区别
- SQL数据库查询一列数据返回一行
- 创建github怎样管理