教你不用借助软件，抓取网页上的媒体下载地址

有时候，在某个网页上听到一首音乐，我们特别想下载下来作为铃声，或者其他非商业用途，但该网页并未提供下载方式，或者下载需要注册登录等麻烦过程。又或者在网页上看到了一段好看的视频，想把它的某个片段加入自己的年会PPT中。这时候，就需要一种方法来获取网页上的媒体文件。

上图是编者为了方便，给自己的浏览器安装了一款扩展。

但并不是每个人都能下载安装该扩展，所以编者就不借助这个扩展。只用浏览器来教你如何下载媒体文件。

下载原理

既然我们能直接看到或听到网页上的媒体文件，那就说明真实的媒体数据已经给我们的电脑发送过来了，我们所要做的就是，把下载地址找出来。

打开一个网页，我们点击播放按钮，此时网站开始传输媒体文件数据至我们的电脑。

在传输即将开始之前，是捕捉的最佳时机，因为这时候【开发者调试窗口】可以监测到浏览器与网站之间传输了哪些数据，并且能知道这些数据的地址和详细信息。

开始实践

下载音乐和视频的方法基本一样，所以先用音乐作为例子。

打开网页，在播放音乐之前，先按下【F12】，此时会弹出【开发者调试窗口】。几乎所有主流浏览器都是按下【F12】来打开【开发者调试窗口】。

红框内则是【开发者调试窗口】

【开发者调试窗口】通常都占据页面下半块位置，由于编者喜欢让该窗口占据右侧位置，所以编者如下图这样设置。

.

现在可以正式开始实践了。

我们要监测网络情况，所以在【开发者调试窗口】应该切换到【Network】面板。

如果你的浏览器处于全屏状态，【Network】会在【Console】的右边，而不会被【折叠】

接着，我们可以播放音乐。

【开发者调试窗口】也监测到了一次数据传输，如果同时监测到了很多数据，你可以选择红框上方的【Media】使其仅显示媒体数据传输。

点开该数据，再选择【Headers】查看详细信息，这是浏览器发送给服务器的信息，其中【Request URL】就是请求的地址，我们把请求地址复制一下，在新窗口中打开。

有些浏览器会直接下载，而编者的浏览器是直接播放，没关系，鼠标右键，另存为就好了。

下载视频

因为下载视频的方法和音乐基本相同，所以编者不过多解释，直接上图。

上图第一条数据是打开网页后监测到了一条，编者不敢相信这个就是，就点击了播放按钮，随后又监测到一条，和第一条一模一样，所以就随便点一个去下载就行了。

下载地址很长，但没关系，只要能下载就行。

注意事项

该方法获取的任何媒体资源仅用于个人学习研究使用，禁止用于任何商业用途，否则一切后果作者概不负责。

一些主流媒体网站使用了更复杂的方法进行媒体数据传输，这种情况下不借助软件去下载是很难的。