禁用安全限制（开发环境）

谷歌浏览器提供了多种抓包方式,以下是最常用的几种方法：

使用内置开发者工具（最常用）

打开开发者工具

• 快捷键：F12 或 Ctrl+Shift+I（Windows/Linux），Cmd+Option+I（Mac）
• 右键菜单：在页面空白处右键 → "检查"

网络面板（Network Panel）

• 点击 "Network" 标签
• 刷新页面或执行操作开始抓包
• 主要功能：
  • 查看所有请求（XHR、JS、CSS、图片等）
  • 查看请求头、响应头、参数、响应内容
  • 过滤请求类型（XHR、JS、CSS等）
  • 搜索特定请求内容
  • 导出为 HAR 文件

实用功能

• 保留日志：勾选 "Preserve log"，页面跳转时不清除记录
• 禁用缓存：勾选 "Disable cache"
• 节流：模拟慢速网络环境
• 重放请求：右键请求 → "Replay XHR"

安装扩展插件

推荐插件：

1. Talend API Tester - REST和SOAP测试
2. Postman Interceptor - 与Postman配合
3. HTTP Toolkit - 拦截和修改请求
4. EditThisCookie - Cookie管理

高级抓包方案

使用代理工具配合

• Charles / Fiddler / mitmproxy
• 设置Chrome代理：

  设置 → 高级 → 系统 → 打开代理设置
  或使用启动参数：--proxy-server="127.0.0.1:8888"

命令行启动（特殊需求）

# 开启远程调试
chrome.exe --remote-debugging-port=9222

手机抓包（抓取移动端请求）

步骤：

1. 电脑和手机连接同一WiFi
2. 设置电脑代理工具（如Charles）
3. 手机WiFi设置代理（电脑IP:端口）
4. 在Chrome中访问 chls.pro/ssl 安装证书（iOS需信任证书）

实用技巧

快速查找API请求

• 在Network面板过滤 "XHR" 或 "Fetch"
• 使用搜索框（Ctrl+F）搜索关键词

修改并重发请求

1. 右键请求 → "Copy" → "Copy as cURL"
2. 在终端执行,或导入到Postman
3. 或直接使用 "Edit and Resend"（部分浏览器版本）

导出数据

• 右键请求列表 → "Save all as HAR with content"
• 可用于分享或后续分析

注意事项

• HTTPS抓包：需要安装证书（开发工具自动处理）
• 隐私：只对自己有权测试的网站抓包
• 性能：抓包时可能影响页面加载速度

对于大多数Web开发调试,使用Chrome自带的Network面板完全足够，需要更复杂功能（如断点修改、自动拦截）时，再考虑使用代理工具。

标签： 禁用安全限制 开发环境