javascript - 浏览器中间歇性的 ReferenceError/TypeError 背后的可能原因是什么？

Question

我们有一个 Web 应用程序，它呈现 HTML 页面，并包含一些定义变量的外部 JavaScript 文件，例如 jQuery、$、app 等。

我们在 Bugsnag 中跟踪客户端 JavaScript 错误，有时我们会收到诸如 Uncaught ReferenceError: $ is not Defined 或 ReferenceError: Can't find variable: app 之类的错误。

这背后可能有哪些原因？我可以猜测的两个是:用户可能在浏览器中单击了“停止”，并且 JS 文件没有完全加载，但页面内的内联 JavaScript 仍然执行(这可能吗？)，或者某些 JavaScript 文件被浏览器插件阻止/扩展名。

我们观察到这种情况发生在所有主要浏览器(Firefox/Chrome/Safari 等)中，但它发生的情况相当罕见 - 通常在数千个请求中出现一次。

以下是页面摘录:

<script src="https://path/to/jquery.js"></script>
<script src="/path/to/app.js"></script>
<script type="text/javascript">
  $(document).ready(function() { ... });
  // ^^^^ I receive the error here
  app.init(function() { ... });
  // ^^^^ and sometimes I receive the error here
</script>

Answer 1

一个合理的解释是，某些浏览器扩展程序正在阻止这些脚本加载(例如广告拦截器)。