我目前正在尝试使用 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 已删除
最佳答案
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 中没有错误要好)。目前没有“正确的方法来做到这一点”。
关于javascript - 如何从不同域的脚本报告 JS 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8431617/