javascript - 如何调试 RangeError : Maximum call stack size exceeded without developer console

Question

在复杂的 JavaScript 应用程序(使用 jQuery 和 jQueryUI)中，JavaScript 偶尔会抛出错误。我们捕获并记录了这些错误，但堆栈跟踪并未显示完整的来源。到目前为止，我们一直无法找到错误的根本原因。

RangeError: Maximum call stack size exceeded 
at RegExp.[Symbol.replace] (native) at String.replace (native) 
at Function.camelCase (<jquery>) 
at Function.css (<jquery>) 
at Object.get (<jquery>) 
at init.cur (<jquery>) 
at init (<jquery>) 
at Function.Ya [as Tween] (<jquery>) 
at Object.createTween (<jquery>) 
at Object.r.Animation.r.extend.tweeners.* (<jquery>) 

还有一个:

RangeError: Maximum call stack size exceeded 
at RegExp.[Symbol.replace] (native) at String.replace (native) 
at Function.camelCase (<jquery>) 
at Function.css (<jquery>) 
at (<jquery>)
at S (<jquery>) 
at a.fn.init.css (<jquery>) 
at HTMLImageElement.jc (<jquery>) 
at HTMLImageElement.e.complete (<jquery>) 
at i (<jquery>) 

有没有什么方法可以在不使用开发人员工具包的情况下找到错误的根源？这些错误似乎只发生在 Chrome 上，当我们使用旧版本的 jQuery 时不会发生。 (我们现在是3.1.1)

Answer 1

我想我们发现了这个错误。在这个 JSfiddle 中它发生了:

https://jsfiddle.net/c41bgs24/12/

function completeFunc(){
  var $this = $(this);
  var fadeIn = $this.css("opacity") == 0;
  console.log("complete", (new Date()).getTime());
  $this.animate({
    opacity: fadeIn ? 1 : 0
  }, 2000, "linear", completeFunc);
}

// Make sure the tab is switched out within 3 seconds. This tab needs to be inactive when the timeout triggers for the bug to take place.
setTimeout(function(){
    $("#test").each(completeFunc);
}, 3000);

确保在 3 秒之前退出它，以确保错误发生。

我们已经就此向 jQuery 提交了错误报告: https://github.com/jquery/jquery/issues/3507