通过F12源代码下载知乎网页的视频

视频从4G时代开始,到现在的5G时代,越来越成为新媒体形式下的一种新的表达方式。在知乎上的回答中也经常能见到穿插着的视频身影,有时候遇到一个有趣的视频想把它下载到本地保存起来,应该怎么下载知乎视频到本地呢?这里我们可以通过查看网页前端的源代码来找到视频的url地址并进行下载操作。

视频从4G时代开始,到现在的5G时代,越来越成为新媒体形式下的一种新的表达方式。在知乎上的回答中也经常能见到穿插着的视频身影,有时候遇到一个有趣的视频想把它下载到本地保存起来,应该怎么下载知乎视频到本地呢?这里我们可以通过查看网页前端的源代码来找到视频的url地址并进行下载操作。

查看源代码

为主的祥助的电脑使用的是Chrome浏览器,这里也是以它作为示范的。首先,随意访问一个带有视频的回答页面,或者是你想下载的视频页面,可以先点播放键试试确保视频本身正常。

  1. 在旁边空白区域点击鼠标右键,弹出浏览器的右键菜单
  2. 菜单中选择查看源代码,在其他浏览器如360安全浏览器等可能存在不太一样的名称,选择带有查看源代码意思的选项即可。
知乎页面右键查看源代码

提取视频url

打开页面的源代码页面后,可以看到很多让人眼花的HTML代码。这里我们不需要手动一一去分辨哪一段是含有视频url的代码区域。按快捷键Ctrl+F,打开搜索框,输入内容:video-box ,回车进行搜索和定位

可以看到会定位到如下类似的代码段:

<a class="video-box" href="https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/1159089590139858944" target="_blank" data-video-id="" data-video-playable="true" data-name="芬兰经典民谣-《甩葱歌》原版" data-poster="https://pic4.zhimg.com/v2-f6998dec209925a90a4a04dfedb86d37.jpg" data-lens-id="1159089590139858944">
源代码搜索video-box

我们提取出a class=”video-box” href=” “里的代码,直接点击跳转或复制后新建标签页,粘贴回车访问,会进入一个视频播放页面

查看缓存项目

在这个视频播放页面,按下快捷键F12,打开审查元素工具栏,点击上面的Network,进入网络检测工具

  1. 点击播放视频,让视频开始进行播放,可拖动视频进度条到中后位置进行加载。
  2. 可以看到Network栏目下出现很多子项目,跟随视频的播放进行着变化
  3. 点击size位置,让项目按照容量大小排序
Network-size按从大到小排列
Network-size按从大到小排列

size容量最大,同时也能看到播放耗时是最长的,这个子项目就是我们要找的视频了。在项目名称上右键-Open in new tab,点击后在新标签页窗口中打开

新窗口打开发现的链接
新窗口打开发现的链接

之后再次会跳转到视频播放页面,这次的页面是视频最终的完整地址。在视频任意区域点击右键-另存为,选择另存为MP4即可保存下载知乎的视频到本地电脑了

视频区域右键另存为到本地
视频区域右键另存为到本地
知识星球优惠券

给TA打赏
共{{data.count}}人
人已打赏
工具方法页面分析

阿里国际站图片大小优化神器

2019-2-18 11:27:59

工具方法

Sublime Text 3配置汉化与右键菜单图标

2019-10-20 22:34:37

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
Download
Aicomce-阿里国际站运营必备软件
数据优化,市场分析,选品辅助,黑科技项
x