如何通过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 ,你都能找得到),你都可以通过此方法获取。不过有些网站的视频因为版权原因,经过了处理无法获取。

相关文章
|
小程序 开发者 异构计算
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
1089 0
小程序真机调试反应很慢卡顿,界面跳转之后,页面出现空白,无法点击等问题解决方案
|
1月前
|
小程序
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
【亲测有效】3步实现 微信小程序内接入小程序客服,网页端客服工具与移动端小程序客服工具使用方法,使用入口,并设置当前客服状态
134 0
|
3月前
|
PHP
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
安装教程 第一步:首先对应单个上传替换包里面的文件到ripro原主题里面(单个文件覆盖不是替换整个文件包) 第二步:将下载的sheji-child压缩包上传到/wp-content/themes/直接解压,完成后到后台-外观-启用子主题 后台新建页面 1:页面-新建页面-选择VIP介绍模板,链接填vip 2:页面-新建页面-选择自助申请友链模板,链接填links
27 0
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
|
Web App开发 JSON 监控
Chrome浏览器扩展开发之自动化操作页面
Chrome浏览器扩展开发之自动化操作页面
410 0
|
Web App开发 JavaScript 前端开发
前端浏览器高级调试技巧整理
前端浏览器高级调试技巧整理
前端浏览器高级调试技巧整理
|
Web App开发 搜索推荐 开发者
Chromium 禁止用户删除内置搜索引擎给开发者带来新”困扰“,后续:“该功能将在 Chrome 98 / 99 中恢复”
Chromium 禁止用户删除内置搜索引擎给开发者带来新”困扰“,后续:“该功能将在 Chrome 98 / 99 中恢复”
133 0
Chromium 禁止用户删除内置搜索引擎给开发者带来新”困扰“,后续:“该功能将在 Chrome 98 / 99 中恢复”
|
域名解析 缓存 网络协议
详细分析:当我们用浏览器访问一个网站到页面展示,背后经历了什么?
详细分析:当我们用浏览器访问一个网站到页面展示,背后经历了什么?
176 0
详细分析:当我们用浏览器访问一个网站到页面展示,背后经历了什么?
6个绝赞的模板网站,你想要的、这里都有!
提起PPT,应该都不陌生,作为Office三件套之一,它扮演者至关重要的角色。在学生时代如此,在工作之后更为重要。 以我为例,在学生时代没有意识到PPT的重要性,无论是日常开会讨论,还是毕业答辩,我都是随便找出一个简陋的默认版本,贴上一些文字、公式、图片就大功告成。做完一个PPT,前后也用不到半天时间。
6个绝赞的模板网站,你想要的、这里都有!
|
SQL 监控 安全
微信打开网站被提示已停止访问该网页该如何解决
今天早晨发现我们公司网站只要在微信和qq中打开,分别被微信提示:已停止访问该网页,该网站链接以及在qq上被提示危险网站,千万别访问,首先先看下微信中打开网址被微信拦截并提示的图:
1377 0
微信打开网站被提示已停止访问该网页该如何解决
|
Web App开发 存储
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法
781 0
Chrome 技术篇-一台电脑设置多个独立chrome方法实例演示,chrome独立多开技术,chrome多开并加载原chrome的数据方法