在页面加载时跟踪 JS CSS 资产错误

Posted 2023-03-07

【中文标题】在页面加载时跟踪 JS CSS 资产错误

【英文标题】：Track JS CSS Asset Errors on page load

【发布时间】：2015-05-29 11:57:31

【问题描述】：

是否可以使用 javascript 跟踪浏览器在页面加载时引发的错误和警告的数量？

例如缺少 CSS 资产或缺少图像或 js 脚本错误？我不需要详细的日志，但可能需要对每种类型的错误进行计数。

比如 CSS、Assets missing 和 JS Errors 的数量？

这需要使用 JS 而不是在控制台中进行跟踪。该脚本需要从控制台收集所有这些错误并将它们发送回我的服务器。

【问题讨论】：

你之前没用过浏览器控制台吗？

是的...正如 Rohit 所说，检查开发人员控制台，如果您需要后端的数据，请检查服务器中的日志。

对不起。应该澄清一下，每次页面加载时都需要在数据库中跟踪这些数据。所以这不是为了开发；但更多的是检查每个页面的运行状况和性能。

检查服务器日志，如我上面所说的查找 404。

跟踪脚本需要在客户端触发。脚本是否可以跟踪页面加载时导致的错误数量和类型？

【参考方案1】：

是的，当然。有很多方法可以做到这一点。

对于 JavaScript，您可以通过收听 window.onerror 来捕获错误。这将为您提供错误信息，您可以将数据 AJAX 回您的基础架构。

如果您不想自己支持基础架构记录它们，可以使用 JavaScript 错误记录服务（如 TrackJS）自动执行此操作。

对于资产加载失败，您可以将 onerror 侦听器附加到 css 标签，尽管这不适用于所有浏览器。您可以将负载故障发送回相同的日志记录基础设施。

您还应该在Network Error Logging 上查看新提议的标准，这可能与您正在尝试做的事情相关。

【讨论】：

谢谢，这更像是我想要的。