有人知道一种方法来保存控制台.log输出在Chrome到一个文件?或者如何从控制台复制文本?

假设你正在运行几个小时的功能测试,并且在Chrome中有数千行console.log输出。如何保存或导出?


我需要做同样的事情,这是我找到的解决方案:

从命令行使用标志启用日志记录: ——启用日志记录——v = 1

这将记录Chrome内部所做的一切,但它也记录所有console.log()消息以及。日志文件名为chrome_debug.log,位于用户数据目录,可以通过提供——User - Data -dir=PATH来覆盖。

过滤日志文件中包含CONSOLE(\d+)的行。

注意,控制台日志不会以——incognito显示。


这可能有帮助,也可能没有帮助,但在Windows上,您可以使用Windows事件跟踪读取控制台日志

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

我们的集成测试是在. net中运行的,所以我使用这个方法将控制台日志添加到测试输出中。我在这里创建了一个控制台项目示例:https://github.com/jkells/chrome-trace

——enable-logging——v=1在最新版本的Chrome上似乎不起作用。


有一个开源的javascript插件可以做到这一点,但适用于任何浏览器- debugout.js

debug .js记录并保存控制台。日志,以便应用程序可以访问它们。坦白说,是我写的。它可以适当地格式化不同的类型,可以处理嵌套对象和数组,还可以在每个日志旁边添加时间戳。您还可以在一个地方切换实时日志记录,而不必删除所有日志记录语句。


还有另一个开源工具,它可以让你把所有console.log输出保存在服务器上的一个文件中——JS LogFlush(插件!)。

JS LogFlush是一个集成的JavaScript日志解决方案,包括: 跨浏览器无ui替换console.log客户端。 日志存储系统-服务器端。

Demo


一个好消息

Chrome开发工具现在允许您将控制台输出保存到本地文件

打开控制台 右键单击 选择“另存为…”

Chrome开发者说明在这里。


如果在本地主机上运行Apache服务器(不要在生产服务器上执行此操作),还可以将结果发布到脚本中,而不是将其写入控制台。

所以,你可以这样写:

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

那么save。php就可以做到这一点

<?php

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

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

很多很好的答案,但为什么不只是使用JSON.stringify(your_variable) ?然后通过复制粘贴(删除外部引号)获取内容。我也在:如何将console.log(对象)的输出保存到文件中?


为了更好的日志文件(没有chrome调试的废话)使用:

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

而不是 -v=1,信息量太大了。

它仍然会提供错误和警告,就像你通常在Chrome控制台中看到的那样。

2020年5月18日更新:实际上,我认为这不再是真的。无论日志级别是什么,我都找不到控制台消息。


我找到了一个很好很简单的方法。

在控制台-右键单击控制台日志对象 点击“存储为全局变量” 查看新变量的名称-例如,它是variableName1 在控制台中输入:JSON.stringify(variableName1) 复制变量字符串内容:例如{"a":1,"b":2,"c":3}

使用JSON在线编辑器: 例如,https://jsoneditoronline.org/


现在这很简单——右键单击控制台日志中显示的任何项,选择另存为,然后将整个日志输出保存到计算机上的一个文件中。


在Linux上(至少),您可以在环境中设置CHROME_LOG_FILE,让chrome每次运行时都将控制台活动的日志写入命名文件。每次chrome启动时,日志都会被覆盖。这样,如果你有一个运行chrome的自动会话,你不需要改变chrome启动的方式,并且会话结束后日志就在那里。

出口CHROME_LOG_FILE = chrome.log


这个线程中的其他解决方案在我的mac上不起作用。这里是一个记录器,它使用ajax间歇性地保存字符串表示。与控制台一起使用。保存而不是console.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="";
  }
};

根据你的需要,你可以保存这个字符串,或者只是console.log,然后复制粘贴。这里有一个ajax给你,以防你想保存它:

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

php应该将数据附加到某个日志文件中。我不需要那部分,所以我没有把它包括在这里。:)

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


谷歌Chrome版本84.0.4147.105及以上,

右键点击,另存为,然后保存

然后保存TXT文件


直接右键单击要复制的日志值 在右键菜单中选择“存储为全局变量” 您将在控制台上的下一行中看到保存为“temp1”之类的值 在控制台中,键入copy(temp1)并点击return(将temp1替换为上一步中的变量名)。现在记录的值被复制到剪贴板。 将值粘贴到您想要的任何位置

如果你不想在Chrome中更改标志/设置,也不想处理JSON字符串化和解析等,这是一种特别好的方法。

更新:我刚刚发现这个解释,我建议的图片更容易遵循https://scottwhittaker.net/chrome-devtools/2016/02/29/chrome-devtools-copy-object.html


这个答案可能看起来特别相关,但对于Network Log,您可以访问下面的链接。

我发布这个答案的原因是,在我的情况下,console.log打印了一个长而短的文本,所以我无法从控制台获取值。我通过获得api响应来解决,我直接从网络日志中打印。

chrome://net-export/

在那里你可能会看到一个类似的窗口,只需按下Start Logging to Disk按钮,就是这样:


使用下面的命令创建一个批处理文件,并将其保存为桌面中的ChromeDebug.bat。

启动chrome——enable-logging——v=1

关闭所有其他Chrome选项卡和窗口。 双击ChromeDebug.bat文件,将打开Chrome浏览器,并在任务栏中显示带有Chrome图标的命令提示符。 所有的web应用程序日志将存储在下面的路径。 在“运行命令”中输入以下路径,打开chrome日志文件

%LocalAppData%\Google\Chrome\User Data\chrome_debug.log