在 Chrome 中捕获 JS 错误

Question

我正在使用window.onerror 捕获应用程序中的 js 错误，但问题是 - 在 Chrome 中，如果未打开开发工具 - 那么传递给 onerror 处理程序的 url 参数始终等于打开的 url .

如果打开了开发工具，则 url 指向导致 js 错误的确切 .js 文件。

你是怎么处理的？有什么解决方法吗？

更清楚一点 - 这里有 2 个结果：

1. Uncaught ReferenceError: a is not defined index:122 - 这是在获取页面后收到的
2. Uncaught ReferenceError: a is not defined List.js:122 - 这是在打开开发工具的情况下获取同一页面后收到的。这是预期结果 - 我已将 a(); 调用放入 List.js 文件进行测试。

UPD：这是为功能测试（使用 selenium webdriver）而完成的 - 我想捕获 js 错误以供进一步调查。

Answer 1

更多尝试确实可以回答，但它可能会有所帮助。

Chrome 最近将 chrome://inspect/ 添加到了方便的 URL 列表中（完整列表请参见 chrome://chrome-urls/）。不幸的是，我找不到我读到的关于此的推文或博客文章，但我认为它是在上个月内。该 URL 肯定适用于 Chrome 28。

chrome://inspect/ 列出所有打开的选项卡，并带有一个 inspect 链接，该链接重定向回现有的打开页面，但也会打开 DevTools。

我认为 selenium 测试可以在一个选项卡中打开被测站点，然后在第二个选项卡中打开 inspect 页面，按照inspect 链接返回测试页面，但这DevTools 打开的时间，允许window.onerror 捕获更好的错误。

类似：

document.getElementsByClassName('row')[n].getElementsByTagName('a')[0].click()

Answer 2

让我们提出以下架构：

window.addEventListener("error", handleException, false);

function handleException(I_sMsg) {

    if (I_sMsg.stack) {
            sMsg = I_sMsg.stack.replaceAll(getBaseURL(), "");
        alert(sMsg);
    } else if (I_sMsg.message) {
        alert(I_sMsg.message);
    }   

    return cancelEvent(I_sMsg);
} 

现在任何throw new Error("description"); 都将通过 if 语句的第一部分，并有一个很好的堆栈供您使用 url 解析。

它也适用于意外异常，因此会出现以下消息（在这种情况下，在调用不存在的 bibi() 函数之后）

经过进一步调查，我的框架正在使用某种自制的作业管理（实际上如堆栈中所示），其中每个操作都属于一个作业。

作业执行方式如下（简化）

    try {
        oTask.func.apply(oTask.obj, oTask.prms);
    } catch(ex) {
        handleException(ex);
        return false;
    }

所以这意味着每一次执行都被封装在这个单一的 try catch 块中。如您所见，exception 被捕获，并传递给处理程序。不是错误。

我虽然它在另一个文件中工作，但这是因为调用被封装，而直接在 api.js 文件中它是一个不受框架管理的免费调用。