Enregistrez le console.log dans Chrome dans un fichier

Quelqu'un connaît-il un moyen d'enregistrer la sortie console.log dans Chrome dans un fichier? Ou comment copier le texte hors de la console?

Supposons que vous exécutiez quelques heures de tests fonctionnels et que vous ayez des milliers de lignes de sortie console.log dans Chrome. Comment l'enregistrer ou l'exporter?

J'avais besoin de faire la même chose et c'est la solution que j'ai trouvée:

1. Activez la journalisation à partir de la ligne de commande en utilisant les indicateurs:

   --enable-logging --v=1

   Cela enregistre tout ce que Chrome fait en interne, mais il enregistre également tous les console.log()messages. Le fichier journal est appelé chrome_debug.loget se trouve dans le fichier User Data Directory.

2. Filtrez le fichier journal que vous obtenez pour les lignes avec CONSOLE(\d+).

Notez que les journaux de la console n'apparaissent pas avec --incognito.

Bonnes nouvelles

Les outils de développement Chrome vous permettent désormais d'enregistrer la sortie de la console dans un fichier de manière native

1. Ouvrez la console
2. Clic-droit
3. Sélectionnez "enregistrer sous .."

Instructions pour les développeurs Chrome ici .

Il existe un plugin javascript open source qui fait exactement cela, mais pour n'importe quel navigateur - debugout.js

Debugout.js enregistre et enregistre console.logs pour que votre application puisse y accéder. Divulgation complète, je l'ai écrit. Il met en forme 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. Vous pouvez également basculer la journalisation en direct à un seul endroit, et sans avoir à supprimer toutes vos instructions de journalisation.

J'ai trouvé un moyen simple et efficace pour cela.

1. Dans la console - clic droit sur l'objet consigné de la console

2. Cliquez sur 'Stocker comme variable globale'

3. Voir le nom de la nouvelle variable - par exemple, il s'agit de variableName1

4. Tapez dans la console: JSON.stringify (variableName1)

5. Copiez le contenu de la chaîne variable: par exemple {"a": 1, "b": 2, "c": 3}

6. Accédez à un éditeur en ligne JSON: par exemple https://jsoneditoronline.org/

Pour un meilleur fichier journal (sans le non-sens du débogage de Chrome), utilisez:

--enable-logging --log-level=0

au lieu de --v=1cela, il y a trop d'informations.

Il fournira toujours les erreurs et les avertissements comme vous le feriez généralement dans la console Chrome.

mise à jour 18 mai 2020: En fait, je pense que ce n'est plus vrai. Je n'ai pas pu trouver les messages de la console quel que soit ce niveau de journalisation.

Cela peut être utile ou non, mais sous Windows, vous pouvez lire le journal de la console à l'aide du suivi des événements pour Windows

http://msdn.microsoft.com/en-us/library/ms751538.aspx

Nos tests d'intégration sont exécutés dans .NET, j'utilise donc cette méthode pour ajouter le journal de la console à notre sortie de test. J'ai fait un exemple de projet de console à démontrer ici: https://github.com/jkells/chrome-trace

--enable-logging --v = 1 ne semble pas fonctionner sur la dernière version de Chrome.

Beaucoup de bonnes réponses mais pourquoi ne pas simplement utiliser JSON.stringify (your_variable)? Ensuite, prenez le contenu par copier-coller (supprimer les guillemets extérieurs). J'ai posté cette même réponse également sur: Comment enregistrer la sortie d'un console.log (objet) dans un fichier?

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

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

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

Démo

Si vous exécutez un serveur Apache sur votre hôte local (ne le faites pas sur un serveur de production), vous pouvez également publier les résultats dans un script au lieu de l'écrire dans la console.

Donc au lieu de console.log, vous pouvez écrire:

JSONP('http://localhost/save.php', {fn: 'filename.txt', data: json});

Alors save.phppeux faire ça

<?php

 $fn = $_REQUEST['fn'];
 $data = $_REQUEST['data'];

 file_put_contents("path/$fn", $data);

Sous Linux (au moins), vous pouvez définir CHROME_LOG_FILE dans l'environnement pour que chrome écrive un journal de l'activité de la console dans le fichier nommé à chaque exécution. Le journal est écrasé à chaque démarrage de Chrome. De cette façon, si vous avez une session automatisée qui exécute Chrome, vous n'avez pas à changer la façon dont Chrome est démarré, et le journal est là après la fin de la session.

export CHROME_LOG_FILE = chrome.log

De nos jours, c'est très simple - cliquez avec le bouton droit sur n'importe quel élément affiché dans le journal de la console et sélectionnez Enregistrer sous et enregistrez l'ensemble de la sortie du journal dans un fichier sur votre ordinateur.

les autres solutions de ce fil ne fonctionnaient pas sur mon mac. Voici un enregistreur qui enregistre une représentation sous forme de chaîne par intermittence en utilisant ajax. utilisez-le avec console.saveau lieu deconsole.log

var logFileString="";
var maxLogLength=1024*128;

console.save=function(){
  var logArgs={};

  for(var i=0; i<arguments.length; i++) logArgs['arg'+i]=arguments[i];
  console.log(logArgs);

  // keep a string representation of every log
  logFileString+=JSON.stringify(logArgs,null,2)+'\n';

  // save the string representation when it gets big
  if(logFileString.length>maxLogLength){
    // send a copy in case race conditions change it mid-save
    saveLog(logFileString);
    logFileString="";
  }
};

selon ce dont vous avez besoin, vous pouvez enregistrer cette chaîne ou simplement la console.logcopier et la coller. voici un ajax pour vous au cas où vous voudriez le sauvegarder:

function saveLog(data){
  // do some ajax stuff with data.
  var xhttp = new XMLHttpRequest();

  xhttp.onreadystatechange = function(){
    if (this.readyState == 4 && this.status == 200) {}
  }

  xhttp.open("POST", 'saveLog.php', true);
  xhttp.send(data);
}

le saveLog.phpdevrait ajouter les données à un fichier journal quelque part. Je n'avais pas besoin de cette partie, donc je ne l'inclus pas ici. :)

https://www.google.com/search?q=php+append+to+log