Comment enregistrer la sortie d'un console.log(object) dans un fichier?

Question

J'ai essayé d'utiliser JSON.stringify(object), mais cela ne descend pas dans toute la structure et la hiérarchie.

En revanche, console.log(object) le fait, mais je ne peux pas le sauvegarder.

Dans la sortie de console.log, je peux développer un par un tous les enfants et sélectionner et copier/coller, mais la structure est trop grande pour cela.

Answer 1

Mise à jour: Vous pouvez maintenant simplement faire un clic droit

Faites un clic droit > Enregistrer sous dans le panneau Console pour enregistrer les messages consignés dans un fichier.

Réponse d'origine:

Vous pouvez utiliser ce bout de code de l'outil de développement ci-dessous pour créer une méthode console.save. Cela crée un Blob de fichier à partir de l'entrée, puis le télécharge automatiquement.

(function(console){

console.save = function(data, filename){

    if(!data) {
        console.error('Console.save: Pas de données')
        return;
    }

    if(!filename) filename = 'console.json'

    if(typeof data === "object"){
        data = JSON.stringify(data, undefined, 4)
    }

    var blob = new Blob([data], {type: 'text/json'}),
        e    = document.createEvent('MouseEvents'),
        a    = document.createElement('a')

    a.download = filename
    a.href = window.URL.createObjectURL(blob)
    a.dataset.downloadurl =  ['text/json', a.download, a.href].join(':')
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    a.dispatchEvent(e)
 }
})(console)

Source: http://bgrins.github.io/devtools-snippets/#console-save

Answer 2

Vous pouvez utiliser la API d'utilitaires Chrome DevTools copy() pour copier la représentation en chaîne de caractères de l'objet spécifié dans le presse-papiers.

Si vous avez beaucoup d'objets, vous pouvez en fait utiliser JSON.stringify() sur tous vos objets et continuer à les ajouter à une chaîne. Maintenant, utilisez la méthode copy() pour copier la chaîne complète dans le presse-papiers.

Answer 3

Il existe un plugin javascript open-source qui fait exactement cela - debugout.js

Debugout.js enregistre et sauvegarde les console.logs afin que votre application puisse y accéder. En toute transparence, je l'ai écrit. Il formate différents types de manière appropriée, peut gérer des objets et des tableaux imbriqués, et peut éventuellement mettre un horodatage à côté de chaque journal. Il permet également de basculer le journal en direct en un seul endroit.

Answer 4

Vous pouvez utiliser la bibliothèque l2i (https://github.com/seriyvolk83/logs2indexeddb) pour enregistrer tout ce que vous mettez dans console.log et ensuite invoquer

l2i.download();

pour télécharger un fichier avec les journaux.

Answer 5

Il existe un autre outil open-source qui vous permet de sauvegarder toutes les sorties de console.log dans un fichier sur votre serveur - JS LogFlush (plug!).

JS LogFlush est une solution de journalisation JavaScript intégrée qui comprend :

• remplacement sans interface utilisateur de console.log sur tous les navigateurs - côté client.
• système de stockage de journaux - côté serveur.

Démo