DevTools Network面板Media标签无内容，无法下载网站视频求助

一、先排查操作遗漏的点 #

• 打开DevTools后必须刷新页面：很多视频是页面加载后才发起请求的，不刷新的话Media标签抓不到已经加载的资源。
• 核对过滤设置：
  • 确认Network面板顶部没勾选Hide data URLs这类限制项，过滤器保持默认状态即可。
  • 确保准确点中了Media标签，别误选成XHR、JS这类其他标签。
• 一定要先点击播放视频：有些网站的视频得触发播放才会请求媒体资源，没播放的话Network根本捕获不到请求。

二、应对网站的资源隐藏机制 #

这个网站的视频大概率用了加密或分段加载，直接靠Media标签抓不到：

• 切换到Network面板的All标签，在过滤器输入框敲mp4或m3u8这类媒体格式关键词，手动筛选请求。
• 如果找到.m3u8链接，直接复制下来丢进IDM就能创建下载任务，IDM支持解析这类流媒体播放列表。
• 注意：部分网站会给媒体请求加验证，要是复制链接后下载失败，去IDM的任务属性里手动添加上当前页面的Referer和Cookie（IDM一般会自动带，不行再手动补）。

三、标准操作流程 #

1. 按F12或Ctrl+Shift+I打开DevTools，切到Network面板。
2. 点左上角的垃圾桶图标清空网络日志。
3. 回到页面点击播放视频，盯着Network面板的请求列表。
4. 要么在过滤器输media，要么看Type列标着media的请求，找到对应的视频链接。
5. 右键这个请求，选Copy→Copy link address，粘贴到IDM里创建下载任务。

内容的提问来源于stack exchange，提问作者Jéssica