Script error.#

• tags: 可排除

分析#

异常信息通常如下：

1. 在某些版本的 Firefox 中，地址栏执行脚本 javascript:notExistFunction() 代码，Firebug 可以提示正确的 "notExistFunction" is undefined， 但是 onerror 异常事件处理函数中得到的错误消息却是 Script error.。
2. 用户脚本(userscript) 异常导致。
3. 因为同源策略，Firefox, Chrome, Safari 等浏览器， 页面引用的非同域的外部脚本中抛出了异常，本页面无权限获得这个异常详情， 所以就成了 Script error.。

通常大型网站会将静态资源使用独立域名进行管理，这样可以有以下优点：

• 使用 CDN 加速。
• 避免 Cookie 等头信息传输的影响。
• 避免浏览器并发量限制的影响。

但是这样就会带来异常捕获与分析的麻烦。解决办法有：

• 静态文件服务器设置 Access-Control-Allow-Origin 头信息。

• script 标签添加 crossorigin 属性。

案例#

a.com/a.html

<script type="text/javascript">
    window.onerror = function(m,f,l){
        var s = "message:"+m+", file:"+f+", line:"+l;
        console.log(s);
        window.status = s;
    };
</script>
<script type="text/javascript" src="b.com/b.html"></script>

这里 a.com/a.html 页面引用了 b.com/b.html 脚本『注意：b.html 是一个页面』， 这时会抛出异常：

引入外部脚本，该外部脚本会抛出异常：

a.com/a.html

<script type="text/javascript">
    window.onerror = function(m,f,l){
        var s = "message:"+m+", file:"+f+", line:"+l;
        console.log(s);
        window.status = s;
    };
</script>
<script type="text/javascript" src="b.com/b.js"></script>

b.com/b.js

// some comments
// for lines.
var a = ;

特殊的，如果是脚本中主动掷出的异常，Safari 会稍有不同。

b.com/b.js

// some comments
// for lines.
throw new Error("test error on b.");

参考#

• I want to add CORS support to my server
• Cryptic “Script Error.” reported in Javascript in Chrome and Firefox
• WebKit source that checks origin
• Firefox source that checks
• Same origin policy
• "Script Error" on line 0
• Catching Cross-Domain JS Errors
• window.error “Script error”问题跟进
• How to catch JavaScript Errors with window.onerror (even on Chrome and Firefox)