javascript - 使用 javascript Blob 将数据保存为 CSS 文件

Question

我有以下函数可以使用blob将文件保存到浏览器...

var saveData = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    return function (data, fileName) {
        var json = JSON.stringify(data),
            blob = new Blob([json], {type: "octet/stream"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.click();
        window.URL.revokeObjectURL(url);
    };
}());

我正在将以下数据传递给它...

var filename = "style.css";
var data = CSSFile //CSS string

saveData(data, filename)

我的data是一串CSS属性，我想将其保存为CSS文件。问题是，当我打开下载的 CSS 文件时，它看起来像......

"html, body {....} ... "

请注意它是用双引号引起来的。我需要把这些去掉。我尝试了以下...

CSSFile = CSSFile.substring(0, CSSFile.length - 1);
saveData(data, filename)

但所做的只是删除双引号内的第一个字符......

 "tml,body{...}..."

如何保存不带双引号的字符串？

Answer 1

您在字符串中得到引号，因为当它已经是字符串时您正在通过 JSON.stringify 运行它。

试试这个。

var saveData = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    return function (data, fileName) {
        var blob = new Blob([data], {type: "octet/stream"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.click();
        window.URL.revokeObjectURL(url);
    };
}());