浏览器上的

Question

查看的Javascript JSON对象我对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文件一样。

Answer 1

你可以重定向到基地64：

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

Answer 2

试试这个

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

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