在Chrome和Firefox中用Javascript报告的神秘的“脚本错误”

我有一个脚本，在我的网站上检测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%左右，占报告错误的一半。

当前回答

我花了不少时间才弄明白这一点。

我们做了很多事情来尝试解决这个问题，包括通过Ajax将整个文档主体转储回我们的服务器来尝试解决这个问题。

我仍然不确定是什么原因导致“脚本错误”。(顺便说一句，这就是它在我们的Ajax日志中显示的方式)在Firefox中，但在Chrome中，我们能够将其缩小到…

鼓声响起来……

谷歌浏览器的自动翻译功能。

许多说英语的人可能甚至不知道这个功能，但为了测试它，我想使用Chrome访问一个非英语网站。或者更好的是，如果你深入研究Chrome的选项，有一个地方可以改变浏览器语言。将其更改为非英语的内容，重新启动浏览器，并访问一个英语网站。

你应该得到在顶部的酒吧，问你是否想Chrome为你翻译页面。

无论如何，在我们的例子中，翻译器导致了这个问题，因为它将一个脚本标记注入到您的文档主体中，并且(在这里猜测)使用某种基于js的系统将内容发送到谷歌的服务器并让他们翻译它。

尽管控制台中出现了未引用的错误，但发送到窗口的消息。onerror是“脚本错误”。

不管怎样，是有治疗方法的。

http://googlewebmastercentral.blogspot.com/2007/12/answering-more-popular-picks-meta-tags.html

<meta name="google" content="notranslate"/>

这将做两件事(据我们所知，也许更多?)

a)禁用Chrome浏览器弹出的翻译栏。

b)通过translate.google.com禁用页面翻译。

无论如何，在我们的情况下，这解决了大量的“脚本错误”问题。

请原谅这篇文章中的拼写错误，我仍然在Chrome中使用非英语模式写这篇文章，而且拼写检查器没有设置为英语;)是时候换回来了。

享受吧!

2011-09-10 12:10:16

其他回答

我做了一些搜索，它似乎是一个“脚本错误”意味着它有问题加载文件，它被要求寻找。这可能是客户端的缓存问题，也可能是由于重载导致的服务器问题。

这很可能是由于脚本本身是它无法加载的文件，因此错误发生在第0行。

<script type="text/javascript" src="somescript.js"></script>

2011-05-06 16:19:14

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

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

2019-09-25 01:36:45

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

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

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

2012-08-05 16:37:27

Grepping Firefox的源代码显示没有“脚本错误”。因此，网站上的某些脚本很可能抛出一个未被捕获的错误，如下所示:

throw new Error('Script Error.');

可能这句话只在Firefox和Chrome中达到。

不知道为什么没有行号。也许是eval()问题?

2011-05-10 21:59:03