【直接在浏览器中执行】提取当前页面中所有的URL链接地址，并导出为一个JSON文件

原创已于 2024-05-02 00:22:23 修改 · 1.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#json #javascript #前端 #html

收录于

于 2024-05-01 03:59:50 首次发布

js 同时被 3 个专栏收录

2 篇文章

订阅专栏

JSON

1 篇文章

订阅专栏

web

1 篇文章

订阅专栏

本文介绍了如何通过Chrome开发者工具中的JavaScript代码，抓取页面上的所有链接并将其保存为JSON文件进行下载，展示了基础的网络爬虫和浏览器API应用。

该文章已生成可运行项目，

以Chrome为例，F12进入开发者模式，在控制台（Console）中粘贴以下代码并回车：

var links = [];
var allLinks = document.getElementsByTagName("a");
for (var i = 0; i < allLinks.length; i++) {
  var link = allLinks[i];
  if (link.href) {
    links.push(link.href);
  }
}
var jsonString = JSON.stringify(links, null, 2);
var blob = new Blob([jsonString], { type: "application/json" });
var url = window.URL.createObjectURL(blob);
var downloadLink = document.createElement("a");
downloadLink.href = url;
downloadLink.download = "links.json";
document.body.appendChild(downloadLink);
downloadLink.click();
window.URL.revokeObjectURL(url);
document.body.removeChild(downloadLink);