使用 JavaScript 创建导出函数？

Question

我正在尝试在 JavaScript 中为打包的 Web 应用程序设置一个导出函数，该函数将存储在 localStorage 中的字符串转换为纯文本文件以供下载。由于 JavaScript 无法访问计算机的文件系统，我想对其进行设置，以便它创建一个空白文本文件（或者，如果失败，则创建一个简单的 HTML 页面）并在网络浏览器中打开；因为它不会访问任何文件系统，所以我希望这是可能的。

我正在考虑使用数据 URI 方案以纯文本形式打开 localStorage，如下所示：

function exportFile() {
 window.open("data:text/plain;charset=utf-8," + localStorage.WebAppData);
};

但它比我预期的要慢得多，我猜这是因为它将整个文档粘贴在 URL 框中。虽然可能不是代码问题，但某些网络浏览器（例如 Google Chrome）不允许我保存生成的文件。 （由于某种原因，所有换行符都变成了空格......）

任何解决这些问题的建议或执行类似功能的更好方法将不胜感激！

Answer 1

您是否尝试过类似的操作：

window.open("data:text/plain;charset=utf-8," + localStorage.WebAppData);

对于下载，我想您需要往返服务器，这将设置一个哑剧/类型，使下载框弹出。

编辑：
如果您使用 localStorage，可能是 window.postMessage< /code>在您的环境中可用，有助于提高速度。

Answer 2

为了保留使用 window.open 导出的数据中的换行符，您可以使用encodeURI 包装数据：

var data1 = "Line \n break. And \r\n another one";
window.open("data:application/octet-stream, " + encodeURI(data1));

否则，您可以使用 btoa 函数导出以 base64 编码的数据：

var data1 = "Line \n break. And \r\n another one";
window.open("data:application/octet-stream;base64, " + btoa(data1));

Answer 3

并不是真正的解决方案，而是一种解决方法，但是您的问题和 @Mic 的答案引导我走这条路线：

只需使用 data:text/html ，然后您可以使用 < 来插入换行符code>

1. 我尝试了其他所有方法（unicode 字符的所有组合等）来在 text/plain 中获取换行符，但无法让它们显示出来。 document.write() 和 document.body.textContent() 等也遇到同样的问题。换行符会被忽略。
2. 由于 Chrome 无论如何都不允许您保存弹出窗口，因此从中获取文本的唯一方法是复制和粘贴，因此使用 text/plain 比使用 text/html 没有任何好处
3. 在允许您保存页面的网络浏览器 (Firefox) 中，您可以选择将页面保存为文本，而不是 HTML，因此您仍然会得到相同的最终结果。

编辑：这种方法适用于 Chrome，但不适用于 Firefox，

win = window.open("", "win")
win.document.body.innerText = "Line \n breaks?"

但必须使用 innerText 。 InnerHTML 或 textContent 删除换行符。这对两者都适用：

win = window.open("", "win")
win.document.body.innerHTML = "<pre>Line \n breaks?</pre>"

所以也许您可以将所有内容都包装在

 标记中？尽管我猜想这两者都与 `
 建议具有相同的“问题”，因为它实际上创建的是 HTML 文档而不是文本/纯文本文档。