在 Chrome 中记录 javascript 错误？答案

【问题标题】：Log javascript errors in Chrome?在 Chrome 中记录 javascript 错误？
【发布时间】：2016-09-20 22:19:47
【问题描述】：

我正在尝试创建一个 Chrome 扩展程序，它将记录 Javascript 控制台中显示的所有 javascript 错误，然后将其发送给我。

我一直在尝试chrome.debugger.onEvent.addListener 和window.onerror，但似乎没有任何运行。有人能指出我正确的方向吗？

顺便说一句，这些不是语法错误。它们是网络错误。该页面可能会返回一个错误，我想记录它。

【问题讨论】：

你是说后台登录还是内容脚本？
你能显示你的代码不起作用吗？
我想在发生的页面上记录错误（例如失败的 ajax 调用。但我正在使用扩展程序来记录。）
我正在使用 window.onerror = function(msg, url, line) 并尝试将其注入到带有扩展名的页面上："run_at" : "document_start" 与 JS。但它永远不会进入我的功能
OK，所以内容脚本中的控制台数据。作为这篇文章的答案，没有直接的方法来获取控制台数据：stackoverflow.com/questions/19846078/…

【解决方案1】：

我在一项研究中发现了Evaluating network performance，它可能会对您有所帮助。

提到网络面板会在 DevTools 打开时自动记录所有网络活动。并且还使用 Resource Timing API，这是一种 Javascript，可为每个加载的资源提供详细的网络计时数据，并且可用于任何网页，而不仅仅是 DevTools。

试试这个：在当前页面打开 JavaScript 控制台，在提示符处输入以下内容，然后按 Return：

window.performance.getEntries()[0]

这会评估资源计时对象数组中的第一个元素，并在控制台中显示其属性。但是请注意，默认情况下，当您导航到另一个页面或重新加载当前页面时，当前的网络记录日志会被丢弃。

有关如何在这些情况下保存记录日志的更多信息，请参阅文档。而且，除此之外，这篇 SO 帖子 - How to use chrome's network debugger with redirects 也非常有用。

【讨论】：