利用Chrome浏览器开发者工具分析视频源地址下载到本地

时间:2024-03-22 07:34:06

Chrome(谷歌浏览器)是现在的主流浏览器,它的开发者工具也非常强大,它不仅可以帮助前端程序员快速分析别人的网页布局,也可以利用它来找到网页里的视频源地址,并且配合其他下载软件把视频下载到本地进行观看。
这里以安徽基础教育资源应用平台为例,来向大家演示如何获取这个平台里的视频课程资源地址。
准备工作:
1、Chrome浏览器(谷歌浏览器)
2、迅雷或其它下载器(推荐迅雷精简版)

具体步骤:
用Chrome打开http://jiaoxue.ahedu.cn
选择一节需要下载的课程点开

利用Chrome浏览器开发者工具分析视频源地址下载到本地接着在打开的视频播放页面依次点击Chrome浏览器地址栏右边工具栏里的三个小点点的按钮→更多工具→开发者工具
利用Chrome浏览器开发者工具分析视频源地址下载到本地选着开发者工具以后网页右栏Elements标签下会显示页面布局的一系列层级关系,鼠标指到相应的div层左面页面相应的区域就会被加阴影选中,找到视频窗口所在的div层,依次在视频窗口所在的div里点开寻找。
利用Chrome浏览器开发者工具分析视频源地址下载到本地很快就找到了这个视频源地址,在视频源上单机右键选择→copy→copy element 把视频地址拷贝到剪贴板。
利用Chrome浏览器开发者工具分析视频源地址下载到本地需要注意的是拷贝到剪贴板的内容还不能直接用,我们把它粘贴到记事本,或者其它的文本框中看到是这样的:<source src="http://ahwy.download.ahedu.cn/rrt/2020/2/20/4/40/5e74816692b7ab4bce491b14.mp4">
我们只要双引号里面的视频地址就行,例如本案例的地址就是:http://ahwy.download.ahedu.cn/rrt/2020/2/20/4/40/5e74816692b7ab4bce491b14.mp4 ,其它的部分删掉,把这个地址复制到剪贴板。然后打开“迅雷精简版”或者你的其他下载器(360浏览器、2345浏览器的下载功能应该也可以),新建下载任务把地址粘贴进去,迅雷复制的时候就会弹出新建任务对话框,设置好文件名和保存路径就可以“立即下载”了。

利用Chrome浏览器开发者工具分析视频源地址下载到本地
开始下载!下载完毕即可用播放器打开播放!
利用Chrome浏览器开发者工具分析视频源地址下载到本地本文讲解了用谷歌浏览器的开发者工具分析源代码从而找到视频地址,不保证是最简单的方法,只是给大家一个思路,通过开发者工具还可以做一些其它的事情,以后在与大家交流,谢谢。

作者:小李老师
时间:2020年3月25日