抓包工具介绍

由于是小白教学可能大家连chrome浏览器都没有安装，大家可以自行百度一下安装chrome浏览器，身边很多朋友用什么UC浏览器、360浏览器、QQ浏览器其实都是基于chrome内核。
Chrome抓包工具
Chrome 开发者工具是一套内置于 Google Chrome中的Web开发和调试工具，可用来对网站进行迭代、调试和分析。对着网页右键->检查(N)。然后就可以打开开发者选项。以下用图片来说明。
Sources是查看网页源文件

Console是网页的控制台，一般前端做调试使用，通过控制台查看后端传输过来的数据，或者打桩。

Element里面可以查看网页源代码

网络（Network）面板记录页面上每个网络操作的相关信息，包括详细的耗时数据、HTTP 请求与响应标头和 Cookie，等等。这就是我们通常说的抓包。


上面有Filter按键使用Filter来过滤出一些 HTTP 请求，例如过滤出使用 Ajax 发起的异步请求、图片、视频等。点击下面的网址可以看到如下信息，
最大的窗格叫 Requests Table，此表格会列出了检索的每一个 HTTP 请求。 默认情况下，此表格按时间顺序排序，最早的资源在顶部。点击资源的名称可以显示更多信息。

Headers 是显示 HTTP 请求的 Headers，我们通过这个能看到请求的方式，以及携带的请求参数等。
Preview 是请求结果的预览。一般用来查看请求到的图片，对于抓取图片网站比较给力。
Response 是请求返回的结果。一般的内容是整个网站的源代码。如果该请求是异步请求，返回的结果内容一般是 Json 文本数据。
Cookies 能看到请求携带的 Cookies 以及服务器返回的 Cookies。有时候是需要使用到 Response 的 Cookies。例如，某个页面必须登录才能看到。