07 如何下载任何网页文章视频

很多网站，比如微信公众号，微博等等，都有非常多视频的资源，那很多时候，我们经常需要找一些比较好的作品来学习，因为模仿是最好的学习嘛，有一些作品我们希望离线观看，这样就可以随时随地的学习，所以怎么样快速的去获取这些小平台上的视频呢？
当然，软件非常多，第三方的工具也非常多。
在这期节目当中，我们首先介绍不利用任何的第三方工具或者插件，单纯利用浏览器的方法，来下载任意的平台的视频。

使用教程

网页文章视频.png

比如说，你用chrome浏览器打开一个网页，在页面上点击鼠标右键，然后选择检查，接着你就会看到有一个代码窗口弹出来，我们在这个窗口上切换到对应Network这个选项卡，打开选项卡之后，我们点击播放视频，你会看到Network选项卡下就会对应出现一排一排的文件，这些文件就是对应视频需要加载的一些文件了，当然，这些文件中就有我们想要的视频文件了，视频一般大小会大一点，所以我们找到一个叫做Size的排序选项，对文件大小进行排序，这个时候，你就可以看到视频文件了，通常这个文件的后缀是mp4，那这样点击下载就好了。
不过有时候，网站会对这些文件遮掩或加密，所以你在检查当中还不是能直观的看到视频，但是我们可以对着这个正在播放的比较大的视频，我们点击鼠标右键，然后选择在新标签页打开，这样我们就在新标签页中把它给打开了，我们就可以在这个窗口当中，点击鼠标右键，然后点击视频存储为，接着保存到你的电脑中，这样就完成了视频的下载。
讲解的过程比较简单一点，要掌握这个流程还是需要大家动手去完成，当然如果你是一个前端工程师，这些知识对你来说就稍显幼稚了，那如果你想成为前端工程师，欢迎访问虚幻私塾，学习我们免费的HTML+CSS编写静态网站视频教程。

VideoDownload

VideoDownload.jpg

当然，如果你觉得这样操作很麻烦，我们也推荐一款神器，只需点击一下，即可下载，前提同样是你需要安装chrome浏览器，然后安装一个叫做VideoDownload的插件，安装完成后，你只需要打开一个含有视频的网页，然后，在浏览器的右上角，点击这个插件，它会帮你列出这个网页中的所有视频，你只需要点击，即可下载。非常方便

总结

好了，这就是本期极客程序员砍柴路的全部内容。最后，极客程序员砍柴路，每周三更新，欢迎访问我们的主站：xuhss.com，查看节目的最新内容，就酱，我们下期再见。