javascript - 如何从不同域的脚本报告 JS 错误？

Question

我目前正在尝试使用 jquery 报告所有未捕获的 JS 错误:

window.onerror = function(msg, file, line) {
  $.post("https://"+current_url+"/js_error", {
     msg: msg
     file: file
     line: line
  });
}

current_url 始终是我当前所在的域。

当我在 www.website.com 并从 www.website.com/script.js (同一域)加载脚本时，一切正常。我尝试使用 undefined variable ，并得到正确的消息 variable is undefined postet 到 https://www.website.com/js_error。

现在，我有一些子域:a.website.com、b.website.com等。它们都有不同的内容，但使用完全相同的javascript .

我的想法是:始终包含来自www.website.com的javascript，这样当您切换子域时，脚本可以被浏览器缓存，而不必再次重新下载.

但不幸的是，这打破了上面的错误报告。当脚本包含在不同的域中时，例如我位于 a.website.com 并包含来自 www.website.com/script.js 的脚本，我只将这些错误发布到 https:///a.website.com/js_error(对于 Firefox 浏览器):

"Script Error." on line 0

我意识到这是由于同源策略所致，请参阅this question .

我还尝试将 current_url 硬编码为 www.website.com (从加载脚本的位置)，因此无论我所在的域如何，POST 都会始终在那里在。但是这个 POST 在与 www.website.com 不同的子域中根本不起作用(我认为是因为跨域 ajax POST 是不可能的)。

我还尝试将错误作为 GET ($.get) 发送，但这总是给我“脚本错误”。位于子域的第 0 行 - 无论 GET 的目标是什么。

那么，如何报告我的脚本错误？我想检测它们，以便修复它们，但不想放弃缓存。

顺便说一句:我正在使用 firebug 来调试我的脚本，因此当我收到错误时我会检测到错误。但由于复杂性，并不总是能够发现每个操作系统/浏览器组合的每个错误，并且我希望确保在我的客户端发生这些错误时也能检测到它们。

编辑:jsfiddle 已删除

Answer 1

CORS 正是您的问题，只需将 CORS 允许的 header 添加到您的 https://"+current_url+"/js_error 响应中即可。

Access-Control-Allow-Origin: *

或者更加严格。

Access-Control-Allow-Origin: http://a.website.com http://b.website.com

http://enable-cors.org/是一个很好的资源。

至于window.onerror没有给你来自不同域的所有有错误的数据；我可以确认这不是你疯了，这就是 Firefox 的运作方式。 http://jsbin.com/ojavoy/3/edit#javascript,html

• Firefox 忽略了行号
• Chrome 没有提供脚本名称或行号
• IE <8不支持window.onerror(不知道9)

我见过人们将他们的脚本包装在一个 try{}catch{} block 中。这将适用于跨浏览器，并且会捕获一些但不是全部错误(这比 IE 中没有错误要好)。目前没有“正确的方法来做到这一点”。