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

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


当前回答

谷歌Chrome版本84.0.4147.105及以上,

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

然后保存TXT文件

其他回答

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

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

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

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

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

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

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

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

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

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

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

这个线程中的其他解决方案在我的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