手机抓包定位位置

html-css07

手机抓包定位位置,第1张

一、fiddler抓包定位

Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(cookie,html,js,css等)。

下面这张图准确的描述了fiddler的工作

那怎么抓包呢?

打开fiddler便已经开始抓包了,先介绍一下工具:看下图

如果需要抓取https的请求需要安装证书、如果需要抓取手机App的请求需要设置代理,这里我不细说自行百度

抓包定位bug:

1、因为fiddler抓取的内容会有很多,所以我们抓包前需要先清空所有会话内容(清除按钮在快捷键的黑色的X按钮)或者直接过滤操作过滤在这里不细说(下次会专门写个fiddler过滤);

2、客户端开始重现bug操作,fiddler就会抓取到操作过程中发送的所有请求。回到fiddler,可以看到回话列表Result会有4xx或5xx状态的请求,这是就可以根据判断双击报错的请求,在右侧查看请求参数和返回内容,判断前后端问题(如果不会判断,可以直接截图给开发)

二、模拟弱网

可以直接运用fiddler配置好的弱网进行测试:快捷键栏---->Rules --->Performance ---->simulate Modem Speeds

勾选了simulate Modem Speeds 按钮就开始模拟弱网了,当然我们肯定希望自己来配置网络来实现不同网络状态下的模拟操作,所以请继续往下看:

1、在请求栏上找到FiddlerScript按钮并点击搜索m_SimulateModem

2、找到

第一个是上行速率,第二个是下行速率(看不懂自行翻译)

这里就可以自己改网速了,若是不知道网速该怎么改参照下图(借了一张图):

pc端 步骤

3、打开Charles,再来打开你想抓的网站,用Charles来抓取一些数据(例如:img图片、js文件、css文件和其他)

4、只要双击Overview上的url那一行,就能弹出一个写满全地址的框,把地址放进浏览器打开,就能获取到json数据

注意:如果网站(还是移动端)的数据加密,就抓取不到了,还有一点,因为是没用钱买Charles,所以Charles只能用几分钟就得重新打开

移动端 步骤

5、先在电脑上下载一个免费的WIFI,把电脑和手机都连在同一个人局域网上

6、打开Charles,点击工具栏上的 proxy ---> proxy Settings ---->勾选上 Enable transparent HTTP proxying --->点击OK

注意:不要勾选 use a dynamic port,否则端口会随时在变,端口8888是默认

7、点击 proxy --->Access Proxying Settings -->点击Add --->再来打开cmd --->输入 ipconfig 命令,找到本机的Ipv4地址(通常以19开头,只要在cmd界面输入ipconfig回车找到ipv4就行了) --->OK

8、设置手机,打开连接手机与电脑上的同一网络的WIFI,代理 设置为 手动 ,主机名设置 有Charles打开的电脑的Ipv4的地址,端口默认为8888,点击确认 就可以了