将 Chrome 中的 console.log 保存到文件中

Question

有谁知道如何将 Chrome 中的 console.log 输出保存到文件中？或者如何将文本复制出控制台？

假设您正在运行几个小时的功能测试，并且在 Chrome 中获得了数千行 console.log 输出。如何保存或导出？

Answer 1

好消息

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

1. 打开控制台
2. 右键单击
3. 选择“另存为..”

Chrome 开发者说明 这里。

Answer 2

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

1. 启用使用以下标志从命令行记录：

   --启用日志记录--v=1

这会记录 Chrome 内部执行的所有操作，但它也会记录所有 console.log() 消息。该日志文件名为 chrome_debug.log，位于 用户数据目录 中，可以通过提供 --user- 来覆盖该目录data-dir=PATH（更多信息）。

2. 过滤您获得的日志文件中包含 CONSOLE(\d+) 的行。

请注意，控制台日志不会与 --incognito 一起出现。

Answer 3

我为此找到了一个很棒且简单的方法。

1. 在控制台中 - 右键单击​​控制台记录的对象

2. 单击“存储为全局变量”

3. 查看新变量的名称 - 例如，它是variableName1

4. 在控制台中键入：JSON.stringify(variableName1)

5. 复制变量字符串内容：eg {"a":1,"b":2,"c":3}

6. 转到某个 JSON 在线编辑器：
   例如 https://jsoneditoronline.org/

Answer 4

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

Debugout.js 记录和保存 console.logs 以便您的应用程序可以访问它们。完全公开，我写的。它适当地格式化不同的类型，可以处理嵌套对象和数组，并且可以选择在每个日志旁边放置一个时间戳。您还可以在一处切换实时日志记录，而无需删除所有日志记录语句。

Answer 5

为了更好的日志文件（没有 Chrome 调试废话）使用：

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

而不是
--v=1 这信息太多了。

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

2020 年 5 月 18 日更新：实际上，我认为这不再是事实。无论此日志记录级别如何，我都找不到控制台消息。

Answer 6

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

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

我们的集成测试在 .NET 中运行，因此我使用此方法将控制台日志添加到我们的测试输出中。我制作了一个示例控制台项目来演示： https://github.com/jkells/chrome-trace

--enable-logging --v=1 似乎不适用于最新版本的 Chrome。

Answer 7

有很多好的答案，但为什么不直接使用 JSON.stringify(your_variable) 呢？然后通过复制和粘贴获取内容（删除外部引号）。我也在以下位置发布了相同的答案： 如何将 console.log(object) 的输出保存到文件中？

Answer 8

还有另一个开源工具，它允许您将所有 console.log 输出保存在服务器上的文件中 - JS LogFlush（插件！）。

JS LogFlush 是一个集成的 JavaScript 日志记录解决方案，其中包括：

• 跨浏览器、无 UI 的 console.log 替换 - 在客户端。
• 日志存储系统 - 服务器端。

演示

Answer 9

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

而不是 console.log

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

Answer 10

1. 直接右键单击要复制的记录值
2. 在右键单击菜单中，选择“存储为全局变量”
3. 您将在控制台的下一行看到保存为类似“temp1”的值 在控制台中
4. ，输入 copy(temp1) 并按回车键（将 temp1 替换为上一步中的变量名称）。现在记录的值已复制到剪贴板。
5. 将值粘贴到您想要的任何位置

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

更新：我刚刚找到了我用图像建议的解释，更容易理解 https://scottwhittaker.net/chrome-devtools/2016/02/29/chrome-devtools-copy-object.html

Answer 11

在 Linux 上（至少），您可以在环境中设置 CHROME_LOG_FILE，让 chrome 在每次运行时将控制台活动的日志写入指定文件。每次 chrome 启动时都会覆盖该日志。这样，如果您有一个运行 chrome 的自动会话，则无需更改 chrome 的启动方式，并且日志会在会话结束后保留​​。

导出 CHROME_LOG_FILE=chrome.log

Answer 12

该线程中的其他解决方案在我的 Mac 上不起作用。这是一个使用 ajax 间歇性保存字符串表示形式的记录器。 根据您的需要，将其与 console.save 而不是 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);
}

saveLog.php 应该将数据附加到日志文件中的某个位置。我不需要该部分，因此我不将其包含在这里。 :)

https://www.google.com/search?q= php+附加+到+日志

Answer 13

这个答案可能看起来特别相关，但是专门针对网络日志，您可以访问以下链接。

我发布此答案的原因是因为就我而言，console.log 打印了 长截断文本，因此我无法从控制台获取值。我通过直接从网络日志打印 api 响应来解决这个问题。

chrome://net-export/

您可能会看到与此类似的窗口，只需按开始记录到磁盘按钮即可：

Answer 14

一种方法是将结果转换为字符串，并将该字符串数据转换为 blob< /a> 然后到 数据 url 并制作可使用 标签和 click() 下载

// Convert string data to url
var results = { test1: 'result1', test2: 'result2' }
let blob = new Blob([JSON.stringify(results)], {type: 'text/plain'})
let url = URL.createObjectURL(blob)

// Create anchor tag
let downloadLink = document.createElement('a')
downloadLink.download = 'results.txt'
downloadLink.href = url

// Click to download file
downloadLink.click()

Answer 15

使用以下命令创建批处理文件并将其另存为桌面上的 ChromeDebug.bat。

start chrome --enable-logging --v=1

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

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