• 快捷键方式：按 F12 或 Ctrl+Shift+I（Windows/Linux），Cmd+Option+I（Mac）
• 右键菜单：在网页任意位置右键 → 选择"检查"或"检查元素"
• 菜单栏：Chrome/Edge → 右上角三点菜单 → 更多工具 → 开发者工具

Network面板是获取资源的核心工具，可以查看所有网络请求：

• 打开开发者工具后，点击顶部标签栏的 "Network"（网络）标签
• 刷新页面（F5 或 Ctrl+R），此时会记录所有网络请求
• 在请求列表中，可以看到所有加载的资源：HTML、CSS、JS、图片、视频、音频、API请求等

Network面板提供了强大的筛选功能：

• 按类型筛选：点击筛选栏的图标（如 JS、Img、Media、XHR、Fetch）
• 搜索功能：在筛选框输入关键词（如文件名、URL片段）快速定位
• 常见资源类型：
  • XHR/Fetch：API接口请求，通常包含JSON数据
  • Media：视频、音频文件（mp4、mp3、m3u8等）
  • Img：图片资源
  • Doc：HTML文档

点击任意请求，查看详细信息：

• Headers（请求头）：
  • 查看请求URL（Request URL）
  • 查看请求方法（GET/POST等）
  • 查看请求头信息（Request Headers），包括Cookie、Authorization、Referer等
  • 查看响应头（Response Headers），了解服务器返回的信息
• Preview（预览）：查看格式化后的响应内容（JSON、HTML等）
• Response（响应）：查看原始响应数据
• Timing（时间）：了解请求耗时，判断是否有性能瓶颈

找到目标资源后，有多种方式获取：

• 直接复制URL：
  • 在请求列表中，右键点击目标请求
  • 选择 Copy → Copy link address（复制链接地址）
  • 在新标签页打开该URL，即可直接访问或下载
• 复制为cURL命令：
  • 右键请求 → Copy → Copy as cURL
  • 可以在命令行中使用，或转换为Python requests代码
• 保存响应内容：
  • 在Preview或Response标签中，右键内容
  • 选择"另存为"或使用浏览器下载功能

某些付费资源需要登录或特殊权限，需要复制完整的请求信息：

• 复制请求头：在Headers标签中，找到 Request Headers 部分，复制关键的Header：
  Authorization: Bearer xxxxxx
  Cookie: session_id=xxxxx; token=xxxxx
  Referer: https://example.com
  User-Agent: Mozilla/5.0...
• 使用Postman或Python重现请求：
  • 将复制的cURL命令导入Postman，或转换为Python代码
  • 保持相同的请求头、Cookie、参数，模拟浏览器请求

很多现代网站使用AJAX动态加载内容，需要特殊处理：

• 保持Network面板打开：在页面交互时（点击按钮、滚动加载等），观察新出现的请求
• 使用过滤器：筛选 XHR 或 Fetch 类型，这些通常是API请求
• 查看请求参数：在Headers的 Query String Parameters 或 Form Data 中查看传递的参数
• 分析响应数据：在Preview中查看返回的JSON结构，找到实际资源URL

Console面板可以执行JavaScript代码，用于提取页面数据：

• 打开 Console 标签
• 可以执行JavaScript代码，例如：
  // 提取所有图片链接
  Array.from(document.querySelectorAll('img')).map(img => img.src)
  
  // 提取所有视频链接
  Array.from(document.querySelectorAll('video')).map(v => v.src)
  
  // 提取特定元素的内容
  document.querySelector('.content').innerText