我有一个脚本,在我的网站上检测Javascript错误,并将它们发送到我的后端报告。它报告遇到的第一个错误、假定的行号和时间。

编辑包含doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">

...

<script type="text/javascript">
//<![CDATA[
// for debugging javascript!
(function(window){
    window.onerror = function(msg, url, ln) {
        //transform errors
        if (typeof(msg) === 'object' && msg.srcElement && msg.target) {
            if(msg.srcElement == '[object HTMLScriptElement]' && msg.target == '[object HTMLScriptElement]'){
                msg = 'Error loading script';
            }else{
                msg = 'Event Error - target:' + msg.target + ' srcElement:' + msg.srcElement;
            }
        }

        msg = msg.toString();

        //ignore errors
        if(msg.indexOf("Location.toString") > -1){
            return;
        }
        if(msg.indexOf("Error loading script") > -1){
            return;
        }

        //report errors
        window.onerror = function(){};
        (new Image()).src = "/jserror.php?msg=" + encodeURIComponent(msg) + "&url=" + encodeURIComponent(url || document.location.toString().replace(/#.*$/, "")) + "&ln=" + parseInt(ln || 0) + "&r=" + (+new Date());
    };
})(window);
//]]>
</script>

因为这个脚本,我敏锐地意识到在我的网站上发生的任何javascript错误。最大的错误之一是第0行上的“脚本错误”。Chrome 10+和Firefox 3+。这个错误在Internet Explorer中不存在(或者可能被称为其他错误?)

更正(2013年5月23日):这个“脚本错误,第0行”错误现在出现在IE7和其他版本的IE中。可能是最近IE安全补丁的结果,因为这种行为以前不存在。

有人知道这个错误是什么意思或者是什么原因造成的吗?它发生在我整个页面负载的0.25%左右,占报告错误的一半。


当前回答

一篇好文章,最终指向这个线程。https://danlimerick.wordpress.com/2014/01/18/how-to-catch-javascript-errors-with-window-onerror-even-on-chrome-and-firefox/

其他回答

iOS上的Chrome和Firefox都基于Safari Webview,但在加载的每个页面中都插入了一堆自定义脚本。如果在这些脚本中的任何一个出错,它会在第0行上报告“脚本错误”。(浏览器插入的脚本也算作跨源)

正如我在另一个SO线程中追踪和记录的那样,iOS上的Chrome和Firefox在其自定义脚本正确处理SVG元素方面都存在问题。所以除了这个帖子中的所有其他答案:如果你在页面上使用SVG元素和< SVG >标签内的<a>标签,这将导致在iOS Chrome和iOS Firefox中报告脚本错误。

在Chrome中,我也得到“脚本错误”(第0行)时加载HTML和Javascript从文件://。这在Firefox中不会发生。可能是过于热心的Chrome同源保护。

当通过HTTP加载相同的HTML和Javascript时,一切都很好。

我也遇到了类似的问题:我的脚本由子域提供服务,并且受到同源限制。然而,我解决这个问题的方法是:

1)像这样添加每个脚本标签:

<script type="text/javascript" src="http://subdomain.mydomain.tld" crossorigin="*.mydomain.tld" />

2)修改apache httpd.conf,在每个vhost中添加以下内容(你必须启用mod_headers):

<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin "*.mydomain.tld"
</IfModule>

希望这对你有所帮助……

EDIT

在我的一个服务器上,我不能使这个功能,除非通过替换

*.mydomain.tld

by

*

请注意可能允许*钓鱼扩展信息的缺陷。关于CORS,同源,img & fonts, cdn的文档是可用的,但关于脚本标记交叉来源的细节是非常少的。

我经历过

脚本错误。行0

当客户浏览器中发生错误时,一段时间内错误被报告回我们的服务器。昨天第一次(引入“使用严格”后;在我们的javascript)我能够复制这个问题在Safari和Chrome上的Windows 7。在用alert()语句乱写代码后,我将此错误追溯到使用了一个未定义的变量!例如xx = 123;其中xx没有使用var语句定义。

Safari的报告如下:

严格模式禁止隐式创建全局属性'xx'

在Web检查器,但窗口。一个错误函数正在检测

脚本错误。行0

下面的怎么样?脚本错误是不可用的JavaScript,所以只是隔离的特定情况下,并处理它,尽你所能。

window.onerror = function (msg, url, lineNo, columnNo, error) {
    var string = msg.toLowerCase();
    var substring = "script error";
    if (string.indexOf(substring) > -1){
        alert('Script Error: See Browser Console for Detail');
    } else {
        alert(msg, url, lineNo, columnNo, error);
    }
  return false;
};