从当前页面提取特定链接

Question

我想使用简单的Google chrome扩展名从html页面（MP3文件url）到剪贴板提取特定的链接内容，该页面仅包含一个mp3 url，希望有人能帮助我，谢谢！！ < / p>

此部分隐藏在Pageweb源代码中：

<source src="http://url/file.mp3" type="video/mp4">

Answer 1

我假设所有mp3链接的类型均为video/mp4。如果<source/>类型不同，则可能必须更改querySelectorAll(...)的值。

希望这会有所帮助：

// Get all the links from `source` tags that have the type `video/mp4`
let links = Array.from(
  document.querySelectorAll('source[type="video/mp4"]')
).map(source => source.src);

console.log(links);

<source src="http://url/file.mp3" type="video/mp4">
<!-- Will extract from deep source tags aswell-->
<div>
  <source src="http://url/file1.mp3" type="video/mp4">
  <div>
    <source src="http://url/file2.mp3" type="video/mp4">
  </div>
</div>