javascript - 在页面加载时跟踪 JS CSS 资源错误

标签 javascript jquery html css

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

例如 CSS 资源丢失或图像丢失或 js 脚本错误?我不需要详细的日志,但可能需要每种错误的计数。

比如 CSS、Assets 缺失和 JS 错误的计数?

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

最佳答案

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

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

如果您不想支持基础设施自己记录它们,您可以使用 JavaScript 错误记录服务,例如 TrackJS自动执行此操作。

对于 Assets 加载失败,您可以将 onerror 监听器附加到 css 标记,尽管这在所有浏览器中都不起作用。您可以将加载失败发送回相同的日志记录基础设施。

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

关于javascript - 在页面加载时跟踪 JS CSS 资源错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30529021/

相关文章:

html - CSS如何使水平菜单居中?

php - 在 PHP 中使用单引号(转义)

javascript - 如何让 Rails 3.1 不将 X-CSRF-Token 添加到我发送给第三方的 JSONP 请求中?

javascript - Controller 在从工厂调用函数时收到未定义的消息

javascript - React 路由器动画在 browserify 后获取意外 token

javascript - 如何使用 JQuery Mobile 将自己的数据绑定(bind)到历史对象?

jquery - 通过 Stripe 提交信用卡信息并验证

html - 图像不与第二个外层重叠

javascript - 如何将多个参数传递给 Javascript 中的委托(delegate)?

javascript - 调整窗口大小时无法禁用滚动功能