javascript - 检查页面是否有错误

Question

假设一个 HTML 页面有几个独立的脚本标记。假设其中一个坏了。一个非常简单的例子如下所示:

<script>var x = 5;</script>
<script>var y = ;</script>
<script>var z = 5;</script>
<script>
    //CHECK FOR JS ERRORS HERE
</script>

是否可以检查上一个脚本中页面上是否存在 JavaScript 错误？

这背后的想法是在我们的开发环境的每个页面的末尾添加这样的脚本。这样，当 QA 团队测试前端功能时，我的脚本会捕获页面上存在 JS 错误，从而以某种方式向他们发出警报。

目前，为了达到相同的结果，质量检查团队必须在开发人员工具打开的情况下测试所有页面。然而，大多数时候他们专注于网站的某些特定功能，开发人员工具没有打开，并且传递了一些偷偷摸摸的 JS 错误(我们的项目有许多外部源的 JS 脚本，因此在我们的项目没有任何更改的情况下，此类错误经常发生)代码)。

Answer 1

这里有几个选项:

1. 在页面顶部添加一个脚本，该脚本绑定(bind)到window.onerror并执行相应操作。 Here is a snippet that does that .
2. 使用jshint从 HTML 中提取 javascript 并查找语法错误
3. 编写一些单元测试