从当前页面提取特定链接

时间:2019-02-18 23:44:50

标签: javascript html google-chrome-extension

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

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

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

1 个答案:

答案 0 :(得分: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>