如何将网页内容保存到另一个 html 文件

Question

我是 JavaScript 和 Electron 项目的新手。我有一个小任务来运行一个有“下载”按钮的网页，如果我点击该按钮，我必须为当前页面下载所有内容和源代码。这是我的示例工作：

browser.js

onload = function() {
var webview = document.querySelector('webview');
doLayout();

document.querySelector('#back').onclick = function() {
webview.goBack();
};

document.querySelector('#download').onclick = function() {

var urlStr = webview.getURL()

alert(urlStr)

// alert(webview.getWebContents());
  };
}

目前我可以在警报视图中获取 URL，但我无法获取网页内容

注意：请仅在 JavaScript 中而不是在 jQuery 中给出解决方案

Answer 1

最后这个简单的代码帮助我下载了 html 文件

var htmlContent = [""];
var bl = new Blob(htmlContent, {type: "text/html"});
var a = document.createElement("a");
a.href = urlStr;
a.download = "new.html";
a.hidden = true;
document.body.appendChild(a);
a.innerHTML = "something random - nobody will see this, it doesn't matter  what you put here";
a.click()

Answer 2

如果没有一些服务器端代码读取所需文件并将其与下载标头一起发送，您将无法执行此操作。

由于 Electron 是一个 CSS/HTML/JS 框架，它也专注于应用程序开发，我怀疑这在 Electron 中是否可行。鉴于它是 Node，它可能是可能的（因为 Node 是服务器端的），但我缺乏关于 Electron 的知识/经验，如果这可能的话。

您可能想在他们的文档中查看此页面：http://electron.atom.io/docs/api/download-item/