首页 > 代码库 > 身为前端仔,你竟然不会用fiddler?! (二)——监听手机请求和代理手机的资源

身为前端仔,你竟然不会用fiddler?! (二)——监听手机请求和代理手机的资源

    上一次说fiddler的时候,就简单地介绍了一下它的厉害的代理抓包功能。今天就说一下如何用fiddler来监听手机请求和代理手机的资源。

    1.首先配置 fiddler允许“远程连接”

    菜单Tools-->FiddlerOptions-->Connections

    选中"Allowremote computers to connect".  是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来。

技术分享


 2.然后ping一下自己电脑的ip 

 电脑开始菜单-->运行-->输入cmd -->输入 ipconfig

技术分享

技术分享


3.手机端证书的安装

操作步骤:

1.假如我安装了Fiddler的机器的IP地址是: 172.19.41.99(如上面那个步骤ping出来的ip地址)

2. 打开IPhone 的Safari, 访问  http:// 172.19.41.99:8888,点"FiddlerRoot certificate"然后安装证书

技术分享

技术分享

技术分享

4 配置手机上面的代理为fiddler

 设置-->Wi-Fi-->Xiaomi_YN-21(这个是我搭建的热点)-->http代理-->手动

技术分享

看看效果

用手机打开百度的网址:

技术分享

Fiddler马上能监听到m.baidu.com的请求

技术分享

有了这个代理,你就可以代理js,css,图片,甚至可以调试手机页面。

其他手机代理设置方法类似,不再一一截图。

最后的注意点:

用完以后,记得把手机上的Fiddler代理关闭,以免手机上不了网。




Author: Alone
Antroduction: 高级前端开发工程师
Sign: 人生没有失败,只有没到的成功。


博主相关文章推荐:



身为前端仔,你竟然不会用fiddler?!


你有想过30几岁后的前端路吗


这些年帮过我的前端框架(实用篇)


移动端上下滑动事件之--坑爹的touch.js


轻轻谈一下seaJs——模块化开发的利器


有趣的前端题目,看了不后悔

移动端前端开发概述

浅谈 标签的语义化

浅谈鼠标滚轮事件

不积跬步无以至千里----高度自适应的textarea

sass和less,优秀的前端样式预处理器

视差滚动的那些事儿


关于那些常见的坑爹的小bug


身为前端仔,你竟然不会用fiddler?! (二)——监听手机请求和代理手机的资源