Speichern Sie das console.log in Chrome in einer Datei

Kennt jemand eine Möglichkeit, die Ausgabe von console.log in Chrome in einer Datei zu speichern? Oder wie kopiere ich den Text aus der Konsole?

Angenommen, Sie führen einige Stunden Funktionstests durch und haben Tausende von Zeilen der Ausgabe von console.log in Chrome. Wie speichert oder exportiert man es?

Ich musste das Gleiche tun und dies ist die Lösung, die ich gefunden habe:

1. Aktivieren Sie die Protokollierung über die Befehlszeile mithilfe der Flags:

   --enable-logging --v=1

   Dies protokolliert alles, was Chrome intern tut, aber es protokolliert auch alle console.log()Nachrichten. Die Protokolldatei wird aufgerufen chrome_debug.logund befindet sich in der User Data Directory.

2. Filtern Sie die Protokolldatei, die Sie erhalten, nach Zeilen mit CONSOLE(\d+).

Beachten Sie, dass Konsolenprotokolle nicht mit angezeigt werden --incognito.

Gute Nachrichten

Mit den Chrome-Entwicklungstools können Sie jetzt die Konsolenausgabe nativ in einer Datei speichern

1. Öffnen Sie die Konsole
2. Rechtsklick
3. Wählen Sie "Speichern unter .."

Anweisungen für Chrome-Entwickler hier .

Es gibt ein Open-Source-Javascript-Plugin, das genau das tut, aber für jeden Browser - debugout.js

Debugout.js zeichnet auf und speichert console.logs, damit Ihre Anwendung darauf zugreifen kann. Vollständige Offenlegung, ich habe es geschrieben. Es formatiert verschiedene Typen entsprechend, kann verschachtelte Objekte und Arrays verarbeiten und optional einen Zeitstempel neben jedes Protokoll setzen. Sie können die Live-Protokollierung auch an einer Stelle umschalten, ohne alle Ihre Protokollierungsanweisungen entfernen zu müssen.

Ich habe einen großartigen und einfachen Weg dafür gefunden.

1. Klicken Sie in der Konsole mit der rechten Maustaste auf das protokollierte Objekt der Konsole

2. Klicken Sie auf "Als globale Variable speichern".

3. Siehe den Namen der neuen Variablen - z. B. variableName1

4. Geben Sie die Konsole ein: JSON.stringify (variableName1)

5. Kopieren Sie den Inhalt der variablen Zeichenfolge: zB {"a": 1, "b": 2, "c": 3}

6. Gehen Sie zu einem JSON-Online-Editor: z. B. https://jsoneditoronline.org/

Für eine bessere Protokolldatei (ohne den Chrome-Debug-Unsinn) verwenden Sie:

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

stattdessen --v=1gibt es einfach zu viele info.

Es werden weiterhin die Fehler und Warnungen angezeigt, die normalerweise in der Chrome-Konsole angezeigt werden.

Update 18. Mai 2020: Eigentlich denke ich, dass dies nicht mehr stimmt. Ich konnte die Konsolenmeldungen innerhalb dieser Protokollierungsstufe nicht finden.

Dies kann hilfreich sein oder auch nicht, aber unter Windows können Sie das Konsolenprotokoll mithilfe der Ereignisverfolgung für Windows lesen

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

Unsere Integrationstests werden in .NET ausgeführt, daher verwende ich diese Methode, um das Konsolenprotokoll zu unserer Testausgabe hinzuzufügen. Ich habe ein Beispiel für ein Konsolenprojekt erstellt, um es hier zu demonstrieren: https://github.com/jkells/chrome-trace

--enable-logging --v = 1 scheint auf der neuesten Version von Chrome nicht zu funktionieren.

Viele gute Antworten, aber warum nicht einfach JSON.stringify (your_variable) verwenden? Nehmen Sie dann den Inhalt per Kopieren und Einfügen (entfernen Sie äußere Anführungszeichen). Ich habe dieselbe Antwort auch unter: Wie speichere ich die Ausgabe eines console.log (Objekts) in einer Datei?

Es gibt ein weiteres Open-Source-Tool, mit dem Sie alle console.logAusgaben in einer Datei auf Ihrem Server speichern können - JS LogFlush (Plug!).

JS LogFlush ist eine integrierte JavaScript-Protokollierungslösung, die Folgendes umfasst:

• browserübergreifende UI-freie Ersetzung von console.log - auf der Clientseite.
• Protokollspeichersystem - auf der Serverseite.

Demo

Wenn Sie einen Apache-Server auf Ihrem lokalen Host ausführen (tun Sie dies nicht auf einem Produktionsserver), können Sie die Ergebnisse auch in einem Skript veröffentlichen, anstatt sie in die Konsole zu schreiben.

Stattdessen console.logkönnen Sie schreiben:

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

Dann save.phpkann man das machen

<?php

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

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

Unter Linux (zumindest) können Sie CHROME_LOG_FILE in der Umgebung so einstellen, dass Chrome bei jeder Ausführung ein Protokoll der Konsolenaktivität in die angegebene Datei schreibt. Das Protokoll wird bei jedem Start von Chrome überschrieben. Auf diese Weise müssen Sie bei einer automatisierten Sitzung, in der Chrome ausgeführt wird, die Art und Weise, wie Chrome gestartet wird, nicht ändern, und das Protokoll ist nach Beendigung der Sitzung vorhanden.

export CHROME_LOG_FILE = chrome.log

Heutzutage ist es sehr einfach - klicken Sie mit der rechten Maustaste auf ein Element im Konsolenprotokoll und wählen Sie Speichern unter und speichern Sie die gesamte Protokollausgabe in einer Datei auf Ihrem Computer.

Die anderen Lösungen in diesem Thread funktionierten auf meinem Mac nicht. Hier ist ein Logger, der eine Zeichenfolgendarstellung mit Ajax zeitweise speichert. benutze es mit console.savestattconsole.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="";
  }
};

Je nachdem, was Sie benötigen, können Sie diese Zeichenfolge oder nur console.logdiese speichern und kopieren und einfügen. Hier ist ein Ajax für Sie, falls Sie ihn speichern möchten:

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

Das saveLog.phpsollte die Daten irgendwo an eine Protokolldatei anhängen. Ich brauchte diesen Teil nicht, also füge ich ihn hier nicht ein. :) :)

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