手机抓包定位位置

2023-04-09 22:53:02html-css011

手机抓包定位位置,第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、找到

第一个是上行速率，第二个是下行速率（看不懂自行翻译）

这里就可以自己改网速了，若是不知道网速该怎么改参照下图（借了一张图）：

使用教程如下：

操作设备：戴尔电脑

操作系统：win10

操作软件：Fiddler

1、启动Fiddler，系统提示更新，不要理它，点击no。

2、下面点击Tools->Fiddler Options开始配置工具。

3、进入https选项卡，勾选Decrpt HTTPS traffic, Fiddler截获HTTPS请求。

4、下面进入connects选项卡，勾选Allow remote computers to connect。允许HTTP/HTTPS请求发送到Fiddler，弹出提示，点击确定按钮。

5、配置完成，我们就可以抓包了，我们以抓取iphone数据为例，iPhone打开sarfari，输入如下图所示地址下载证书。

6、点击安装，进行证书安装。

7、下面就可以在Fiddler上抓去iPhone的数据了。

Fiddler_官方网站

Fiddler_官方文档

Fiddler_官方视频

Fiddler_官方插件

1、Filddler简介

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据，Fiddler包含了一个强大的基于事件脚本的子系统，并且能使用.net语言进行扩展。

2、Filddler工作原理

Fiddler是以代理WEB服务器的形式工作的,浏览器与服务器之间通过建立TCP连接以HTTP协议进行通信，浏览器默认通过自己发送HTTP请求到服务器，它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler开启会自动设置代理，退出的时候它会自动注销代理，这样就不会影响别的程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler.

4、界面介绍

4.1 Fiddler主界面

4.2 工具面板

工具栏说明：说明注释、重新请求、删除会话、继续执行、流模式/缓冲模式、解码、保留会话、监控指定进程、寻找、保存会话、切图、计时、打开浏览器、清除IE缓存、编码/解码工具、弹出控制监控面板、MSDN、帮助。

两种模式：

1、缓冲模式（Buffering Mode）： Fiddler直到HTTP响应完成时才将数据返回给应用程序。可以控制响应，修改响应数据。但是时序图有时候会出现异常

2、流模式（Streaming Mode）： Fiddler会即时将HTTP响应的数据返回给应用程序。更接近真实浏览器的性能。时序图更准确。但是不能控制响应。

4.3会话面板

4.4 监控面板

统计报表

(1) 请求总数、请求包大小、响应包大小；

(2) 请求起始时间、响应结束时间、握手时间、等待时间、路由时间、TCP/IP传输时间；

(3) HTTP状态码统计；

(4) 返回的各种类型数据的大小统计以及饼图展现。

时间轴

每个网络请求都会经历域名解析、建立连接、发送请求、接受数据等阶段。把多个请求以时间作为 X 轴，用图表的形式展现出来，就形成了瀑布图。在Fiddler 中，只要在左侧选中一些请求，右侧选择Timeline标签，就可以看到这些请求的瀑布图

1）绿色的请求表示这是一个“有条件的请求”。HTTP 协议定义了 5 个条件请求头部，最常见的两个是“If-Modified-Since”和“If-None-Match”。服务器根据这两个头部来验证本地缓存是否过期，如果过期则正常返回资源的最新版本；否则仅返回 304 Not Modified，浏览器继续使用本地缓存。包含条件请求头部的请求用绿色显示，否则用黑色。

2）有阴影线的请求是缓冲模式下的请求，实心的是流模式下的请求。Fiddler 提供了缓冲（Buffering）和流（Streaming）两种抓包模式：缓冲模式下，Fiddler 会在响应完成时才将数据返回给应用程序（通常是浏览器），这种模式下可以控制响应，方便地修改响应内容；流模式下，Fiddler 会实时返回响应数据给浏览器，但没办法控制响应。一般使用流模式，瀑布图会更真实一些。这两种模式可以通过 Fiddler 的工具栏选择。特别的，通过 Fiddler 的“AutoResponder”功能返回的响应，只能是缓冲模式。

3）请求条的不同颜色对应着不同类型的响应，根据响应头的 MIME Type 来归类。如浅绿色表示图片类型的响应；深绿色是 JavaScript；紫色是 CSS；其它都是蓝色。

4）请求中的黑色竖线，表示的是浏览器收到服务端响应的第一个字节这一时刻。这个时间受 DNS 解析、建立连接、发送请求、等待服务端响应等步骤的影响。

5）请求条后面的图标表示响应的某些特征。如软盘图标表示这个响应正文从本地获得，也就是说服务端返回了 304；闪电表示这是 Fiddler 的“AutoResponder”的响应；向下的箭头表示响应是 302，需要重定向；红色感叹号说明这个请求有错误发生（状态码是 4XX 或 5XX）。特别的，如果请求条后面有一个红色的X，说明服务端响应完这个请求之后，断开了连接。出现这种情况一般有两种可能：HTTP/1.0 的响应中没有 Connection: Keep-Alive；或者是 HTTP/1.1 的响应中包含了 Connection: close。使用持久连接可以省去建立连接的开销，也可以减小 TCP 慢启动和其它拥塞控制机制带来的影响，总之是好处多多。

6）请求前面的红色圆圈表示这个连接是新建的，绿色表示是复用的。上面的圆圈表示的是浏览器到 Fiddler 的连接，下面的圆圈是 Fiddler 到服务端的连接。

4.5 状态面板

控制台

Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。

help 打开官方的使用页面介绍，所有的命令都会列出来

cls清屏 (Ctrl+x 也可以清屏)

select 选择会话的命令

?.png 用来选择png后缀的图片

bpu 截获request

bpafter 截获response

5、HTTP协议简介

5.1、HTTP消息的结构

5.1.1、Request

先看Request 消息的结构, Request 消息分为3部分，第一部分叫Request line, 第二部分叫Request header, 第三部分是body. header和body之间有个空行。第一行中的Method表示请求方法,比如"POST","GET", Path-to-resoure表示请求的资源， Http/version-number 表示HTTP协议的版本号,当使用的是"GET" 方法的时候， body是为空的。

5.1.2、Response

5.2 状态码

Response 消息中的第一行叫做状态行，由HTTP协议版本号，状态码，状态消息三部分组成。

状态码用来告诉HTTP客户端,HTTP服务器是否产生了预期的Response.

HTTP/1.1中定义了5类状态码，状态码由三位数字组成，第一个数字定义了响应的类别

1XX —— 提示信息，表示请求已被成功接收，继续处理

2XX —— 成功，表示请求已被成功接收，理解，接受

3XX —— 重定向，要完成请求必须进行更进一步的处理

4XX —— 客户端错误，请求有语法错误或请求无法实现

5XX —— 服务器端错误，服务器未能实现合法的请求

常见响应码说明：

200：响应成功，这表明该请求被成功地完成，所请求的资源发送回客户端