Voir Javascript JSON objet sur le navigateur

Question

j'ai cet objet JSON JavaScript:

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)); 

Chaque fois que je lance cette fonction ajouter/pousser un nouvel objet l'objet mainFile et le stocker dans le stockage local. Je peux voir tout l'objet de la console et cela fonctionne, mais ce que je veux, c'est l'afficher sur un nouvel onglet du navigateur, tout comme ouvrir un fichier JSON sur le navigateur.

Answer 1

Vous pouvez rediriger à la base 64:

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

Answer 2

Essayez cette

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

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