抓包教程详解

一代小强

已于 2023-02-09 20:56:31 修改

阅读量8.1w

点赞数 86

分类专栏：网络文章标签： json 前端服务器

于 2021-04-10 22:32:56 首次发布

本文链接：https://blog.csdn.net/to_perfect/article/details/115585414

版权

网络专栏收录该内容

1 篇文章 9 订阅

订阅专栏

“这篇就聊聊如何抓包“

引言

最近在复习网络相关的内容，顺便就整理一下之前的抓包技巧，供大家参考。

1、浏览器抓包

开发者工具

我们先看一个最简单的抓包工具——浏览器。大多数浏览器都会提供开发者入口。以chrome浏览器为例。

在右上角有一个菜单入口，点击，找到对应的开发者工具（或者快捷键Ctrl+shift+i）
在这里插入图片描述
接着就会出现如下页面，该页面分为两个区域，这里用红框标注。其中上面的为网页元素，日志控制台，网络，资源，性能和内存等维度的tab；下面的就是对应维度的内容。

对于网络来说，里面有如下列：

name: 请求的资源路径。
status：请求结果返回的状态码
type：请求的资源类型。
initiator: 请求发起来源。
size：资源大小。
time：请求到相应所花费的时间。
waterfall：请求过程各个节点花费的时间情况。

以Baidu的链接为例。先点击左边的会话链接，然后右边会出现此次连接的请求头和响应头、返回内容预览、返回的内容、对应的时间。

在这里插入图片描述
如果想获取某次请求的参数怎么办？接着看。

获取请求参数和结果

这里用百度搜索“网络”，右边就会出现对应的请求连接。在“Headers” 一栏，有Query String Parameter的分组，这个就是本次GET请求的参数，对应的response是json数据，大家可以尝试看看。

在这里插入图片描述
那post请求呢？类似的道理。

这里借用知乎的登录界面，可以获取到登录时候提交的表单数据，这里知乎有对数据进行加密，并且不是普通的key-value方式提交。所以，在网页端，即使用了post请求，也是不安全的，该获取到还是能获取，除非对数据进行加密。

在这里插入图片描述
查看返回结果就比较简单了，直接切到response 下即可

在这里插入图片描述

分析网页结构

题外话，如果想获取（学习）其他网站的前端结构，当然，也可以通过解析网页的方式拿到对应的数据（这个涉及到html的解析，这里不做讲解），比如知乎的登录页面是如何实现的？

先切换到Elements页面下，对应的内容是网页的源代码，接着点击鼠标icon（2），把鼠标移动到想看的元素上，左键即可在右侧（4）的位置查看对应的源码。
在这里插入图片描述

2、Fiddler抓包

如果只分析网页数据，用浏览器提供的工具就足够了，但是如果想扩展到其他平台，比如Android端，那就需要Fiddler出场了，官网下载链接，这里用的是fiddler 4来举例。

与浏览器工具有些类似，左边是请求的会话列表，右边Inspectors页面中，分别是请求内容（2）和响应内容（3）。
在这里插入图片描述

获取请求参数和结果

那要怎么看请求参数和返回结果呢？如图，请求参数可以直接点击webforms、返回结果可以点击webView或json或raw。

查看get、post请求参数的方式是一样的，这里就不再用post请求举例。

在这里插入图片描述

关于Fiddler请求的数据乱码的问题，可以参考 Fiddler抓包中文乱码问题

抓APP的数据包

那怎么用Fiddler抓App的数据包呢？

先说下大概思路：电脑开一个代理，手机连接电脑代理后，手机上的流量都会经过电脑，那这个时候就可以在电脑端抓取app的数据。

Fiddler抓app也是这个原理。

首先需要在Fiddler上配置端口，便于手机连接。

点击 tools——> Options… 就进入该页面，选择Connections 栏目，按照下面的配置（端口可以修改，建议用默认的）

其他选项保持默认的，比如Https栏目下的选项默认勾选，然后重启Fiddler。

在命令行输入 ipconfig 获取本机的局域网ip地址，比如笔者的ip是 192.168.31.35

然后手机与电脑要在同一局域网，以小米手机为例，进入WiFi设置页面，点击已连接WiFi右侧的更多，会出现WiFi详情页面，里面有代理设置，按照下图设置即可。

手机无法访问网站

如果配置代理后，手机无法正常访问网站，或者Fiddler无法正常截取数据。可以按照如下配置

1、在Fiddler下，点击Tools > Fiddler Options > connections 勾选上 Allow remote clients to connect 选项，确保Fiddler listens to port是8888。

2、打开注册表，在HKEY_CURRENT_USER\SOFTWARE\Microsoft\Fiddler2 （也可以在注册表中直接搜索Fiddler）下创建一个DWORD，值设置为80（十进制）

3、在Fiddler下，点击Rules > Customize Rules，在 OnBeforeRequest 函数内加添如下代码

static function OnBeforeRequest(oSession: Session) {
    // 添加的代码
	if (oSession.host.toLowerCase() == "webserver:8888") {
	     oSession.host = "webserver:80";
	}
    // .....
}