如何报告js错误从脚本在不同的领域

Question

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

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(同一域)加载，一切工作正常。我尝试了一个未定义的变量，并得到正确的消息variable is undefined post到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

我意识到这是由于同源策略，看这个问题。

我还尝试将current_url硬编码到www.website.com(从加载脚本的地方)，因此无论我所在的域如何，POST总是在那里。但是这个POST不工作在所有不同的子域比www.website.com(我认为因为跨域ajax POST是不可能的)。

我也试图将错误作为GET ($.get)发送，但这总是给我子域上的"Script Error." on line 0 -无论GET的目标。

那么，我该如何报告脚本的错误呢?我想检测它们，这样我就可以修复它们，但不想放弃缓存。

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

EDIT: jsfiddle deleted

Answer 1

CORS正是您的问题，只需将CORS允许的标头添加到您的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/是一个很好的资源。

至于窗户。Onerror不给你所有的数据与错误从不同的领域;我可以确定这不是你疯了，这就是火狐的运作方式。http://jsbin.com/ojavoy/3/edit javascript、html

• Firefox会忽略行号
• Chrome不提供脚本名称或行号
IE <8不支持窗口。onerror (don't know about 9)

我看到有人用try{}catch{}块来包装他们的脚本。这将跨浏览器工作，并将捕获一些但不是所有的错误(这比在IE中没有更好)。目前还没有一个"正确的方法"