本文目录一览：
chrome开发者工具抓包的问题
工具：谷歌浏览器chrome
步骤：
1、打开谷歌浏览器chrome，点击三按钮，选择更多工具。
2、点击进入开发者工具，如图所示。
3、如图所示直接点击菜单列表中的“network”的选项。
4、就可以进行浏览器网页的内容，可以直接在地址栏中输入百度网址。就可以在network的工具列表中抓取到网页中相关的数据信息，网址、图片，js等相关信息。做接口测试，可以直接点击第一个链接网址。
5、可以看到为这个接口的相关信息，例如为headers中返回的状态码，和其它cookie信息。
如何使用Google浏览器自带的调试工具
首先是启动谷歌浏览器的开发者工具的方法。在浏览器右上角的选项中点击，下拉菜单选工具——开发者工具，快捷键CTRL+shift+I
打开开发者工具后，在浏览器下方出现一个调试面板。左侧是网页HTML调试查看，右侧是CSS代码调试，还有一些JS，资源的折叠起来了。
谷歌浏览器调试的好处就是，可以实现元素定位，把鼠标放在指定的元素上，就可以在浏览器的上面视图中加灰突出显示所对应的元素。
右侧的CSS代码调试是一个不错的工具，不仅可以查看对应的标签的代码，同时还可以实时更改代码的值并在浏览器上方视图中显现变化。
CSS调试中，还有盒子模型的形象视图。在右侧折叠面板中可以打开，实现对margin,padding等的定位计算。
谷歌浏览器chrome怎么抓包，怎么开发者工具抓包
工具：
谷歌浏览器
方法如下：
1、在谷歌浏览器中提供了一个开发者工具的选项，首先需要打开谷歌浏览器，然后点击右上角位置更多的选项。
2、在弹出的下拉的菜单中可以看到为“更多工具”的选项。
3、移动到下一级的菜单中选项，就可以看到为“开发者工具”的选项，点击进入。
4、这样就进入到开发者工具的选项中，可以直接点击菜单列表中的“network”的选项。
5、然后就可以进行浏览器网页的内容，可以直接在地址栏中输入百度网址。
6、就可以在network的工具列表中抓取到网页中相关的数据信息，网址、图片，js等相关信息。做接口测试，可以直接点击第一个链接网址。
7、可以看到为这个接口的相关信息，例如为headers中返回的状态码，和其它cookie信息。
