javascript - 单击按钮并将文件内容下载到 JavaScript 变量

Question

页面上有一个提供 JSON 文件的按钮。单击它时，您可以下载 JSON。

我想制作一个 JavaScript 代码，可能在浏览器扩展中，单击此按钮并将文件内容下载到一个变量，以便我可以修改此 JSON。

所以基本上，当用户与浏览器扩展交互时，它会下载文件，修改它，并将修改后的版本返回给用户。

为了向用户提供修改后的内容，也许我可以使用这样的东西？

function download(filename, file) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(file));
    element.setAttribute('download', filename);
  
    element.style.display = 'none';
    document.body.appendChild(element);
  
    element.click();
  
    document.body.removeChild(element);
  }

但是首先我需要在没有任何提示的情况下下载它，可以吗？

标签： javascripthtmlgoogle-chrome-extension