在浏览器上查看Javascript JSON对象

时间:2017-09-20 19:42:04

标签: javascript json browser

我在JavaScript上有这个Json对象:

    var case= {
        description: $("#a").val(),
        start: document.getElementById("b").textContent,
        end: document.getElementById("c").textContent,
        frequency: $("#d").val(),
        deployment: $("#e").val(),
    }
    mainFile.events.push({"id": Object.keys(manifest.events).length, case});
    localStorage.setItem('LocalStor', JSON.stringify(mainFile));

每次运行此函数时,我都会在mainFile对象中添加/推送一个新对象,并将其存储在本地存储中。 我可以从控制台查看整个对象并且它正常工作,但我想要的是将它显示在浏览器的新选项卡上,就像在浏览器上打开JSON文件一样。

2 个答案:

答案 0 :(得分:0)

您可以重定向到base 64:

window.location = "data:application/json;base64,"+btoa( JSON.stringify(mainFile) );

答案 1 :(得分:0)

试试这个

data = window.open("data:text/json," + encodeURIComponent(mainFile),
                       "_blank");
data.focus();

来自Open a new tab/window and write something to it?