如何通过F12开发者工具保存网页中想要的视频资源

简介: 如何通过F12开发者工具保存网页中想要的视频资源

我们在浏览视频网站,遇到有趣的搞笑视频或是硬核的学习视频第一时间想保存下来却因为找不到下载的地方,拿不到源视频,一筹莫展。为了针对这一情况,此篇文章博主将通过程序员的角度教大家如何通过浏览器自带的F12开发者工具去保存下载想要的视频!


注意:此文章只做教学,请大家自觉遵守版权问题


浏览器开发者工具下载,听起来这个功能有些复杂。简单来说就是利用网站代码,把正在播放的视频下载下来。首先需要确认你的浏览器支持 开发者工具,我以 火狐浏览器 为例。去下载下图博主分享的视频。


f979e9c5e73d44718e86276327333d37.png


1.复制视频地址播放视频并打开F12开发者工具

ff3dff5000bd47f4a468d747f113dc72.png

2.找到网络(Network)选项,在点击下方的媒体(Media),剪头位置就会出现一些请求,这些请求就是你正在播放的视频。如果没有出现可以刷新一下页面。

9e38eb49e62842498b694b2ea7b2ae04.png

3.选中任意一个请求右击,选择新标签页中打开(Open in new tab)

266e3d8870424938879cc26165731de4.png

4.视频会在新的网页中打开,确认是需要的视频内容后,右键另存为即可

eea8e3bbf087431c8233e91f321996e4.png

需要注意的是,这种方法获取的视频一定要是你正在播放的视频。另外音频、图片(每一张图片,每一个图标,甚至微小的 Logo ,你都能找得到),你都可以通过此方法获取。不过有些网站的视频因为版权原因,经过了处理无法获取。

相关文章
|
小程序 开发者 异构计算
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
1166 0
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
|
6月前
|
Web App开发 数据采集 JavaScript
Chrome开发者工具探秘:元素面板的神奇魔法与实战解析
Chrome开发者工具探秘:元素面板的神奇魔法与实战解析
78 0
|
4月前
|
小程序
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
419 0
|
Web App开发 JSON 监控
Chrome浏览器扩展开发之自动化操作页面
Chrome浏览器扩展开发之自动化操作页面
452 0
|
存储 移动开发 前端开发
同一浏览器打开两个同源页面引发的bug【@码云 提个小优化】
同一浏览器打开两个同源页面引发的bug【@码云 提个小优化】
同一浏览器打开两个同源页面引发的bug【@码云 提个小优化】
|
SQL 监控 安全
微信打开网站被提示已停止访问该网页该如何解决
今天早晨发现我们公司网站只要在微信和qq中打开,分别被微信提示:已停止访问该网页,该网站链接以及在qq上被提示危险网站,千万别访问,首先先看下微信中打开网址被微信拦截并提示的图:
1512 0
微信打开网站被提示已停止访问该网页该如何解决
|
Web App开发 存储
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法
838 0
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法
|
Web App开发 开发者
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
433 0
Chrome 插件:自己写的插件提示请停用以开发者模式运行的插件处理方法,该拓展程序未列在chrome网上应用商店中,并可能是在您不知情的情况下添加的解决办法
|
Web App开发
Chrome 插件篇-Unsplash插件:浏览器背景桌面设置,漂亮的背景桌面插件,时时更新
Chrome 插件篇-Unsplash插件:浏览器背景桌面设置,漂亮的背景桌面插件,时时更新
286 0
Chrome 插件篇-Unsplash插件:浏览器背景桌面设置,漂亮的背景桌面插件,时时更新
|
Web App开发 监控 前端开发
网站常见问题1分钟定位 - 如何使用阿里云ARMS轻松重现用户浏览器问题
客户投诉不断,本地却无法重现? 页面加载较慢是用户经常会反馈的问题,也是前端非常关注的问题之一。但定位、排查解决这类问题就通常会花费非常多的时间,主要原因如下: 页面是在用户端的浏览器上加载执行,复现困难 页面上线前,开发同学都会进行测试,在测试环境下页面加载一般都是正常的才会正式上线。
10610 5