分享|如何从易企秀H5上保存背景音乐

最近要学做H5，于是选了易企秀作为工具进行H5设计，前期对易企秀一些模板或是作品进行模仿和学习时，不料喜欢上一些作品的背景音乐，虽说手机能够识别音乐，但是也会有一定的库量限制诸多原因，倒不如直接将网页上的音乐扒下来进行二次制作或是二次使用，接下来就是操作过程的展示啦~

浏览器：chrome（能够查看源代码的浏览器皆可）

首先用网页打开易企秀某个H5：（如果是手机端遇到喜欢的H5音乐，那就复制当前页面的链接再传到电脑上用浏览器打开）

在当前页面随便一个地儿右击鼠标选择“审查元素”，或者直接按下键盘F12

然后你会看到下面一个代码框

根据页面制作原理，要想在网站上插入音乐的话，办法之一就是添加插入音乐的JS代码，而JS代码一般在<script></script>进行插入（代码学得不怎么好，反正就是要展开这一处就对了）

拖动页面滑动条，找到“bgaudio”

双击，选中这段音乐的名称（带上后缀），接着ctrl+C进行复制

然后在代码框空白的地方单击鼠标（就算选中其他行代码也没关系），ctrl+F弹出信息检索框，如下图示，将音乐名称ctrl+V复制进去，回车

这样就找到了音乐地址（为什么进行那么复杂的操作，直接找这一块div不就得了。。因为实在太多层div了我不想找，不过一开始就搜“<audio”应该会更快）

然后鼠标放到地址上右击鼠标，选择“open link in new tab”，在新窗口打开了此音乐链接

接着就是右键保存啦~

没啦~