Press "Enter" to skip to content

浏览器抓包技巧

前言

经常会遇到一些需要分析网络请求的需要,比如爬虫、分析api信息等,抓包工具有很多,但是网页抓包仅使用调试工具就够了。
Chrome 的调试工具已经很强大了,基本都可以抓到,为了不做重复的讲解,这里分享下使用技巧。

工具

  • chrome 浏览器
  • 右键破解插件(当页面屏蔽了右键或者 F12 时才需要)

场景1 登录

目的:找到真实的登录地址。

  1. 打开需要抓包的页面
  2. F12 打开调试面板,定位到 Network 选项
  3. 清除网络请求(点击小红点旁边的清除按钮,鼠标悬浮可显示 clear)
  4. 输入表单项,点击提交后即可在调试面板看到请求信息
  5. 点击请求信息列表,可看到二级面板Headers(请求信息)、Preview(返回的页面或格式化后的 json 信息)、Response(原始返回信息)、Cookies(本次交互的 cookie 信息)、Timing(本次交互的时间消耗信息)

场景2 点击请求

点击页面某一链接(该链接使用混淆的 js 来触发动作)后会请求某一API,成功后会打开新标签页,我们要找出该链接请求的API地址

正常这个过程非常短,以至于 chrome 没有记录下这个请求(不知道这个是不是 bug 😂)

方案一:断网后请求
将你的电脑网络链接断开,然后点击页面的链接即可在调试面板看到请求信息,但肯定看不到返回信息了🙃

方案二:使用 Network conditions 调试工具

这个工具是来控制模拟浏览器的网络状态的,这个可以使浏览器记录下请求和返回值。

  1. 点击调试面板右上角紧贴关闭按钮的 ┆ 图标
  2. 选择 More tools
  3. 选择 Network conditions,弹出二级面板
  4. 在 Network throttling 选择 offline 或 slow 3G

注:这里的不同的 chrome 版本找到 Network conditions 可能略有不同

调试工具的常用功能还有如布局调试、断点调试、分析网络请求、本地存储、审计等,更多高级功能等待你去发现!

打赏 赞(0)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

Be First to Comment

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Captcha Code