javascript - 我的网络应用程序在 Google Chrome 中非确定性崩溃

Question

在我的网络应用程序中，我使用 Ctrl + 箭头键 在表格中的单元格之间导航。

所有单元格都包含可见的 <span> ，还有一个隐藏的<input>元素——它们的值保持同步。

当单元被激活时，<span>隐藏，而显示输入。

在 Firefox、IE、Opera 等中一切正常。但是，当我加载 Chrome 时，使用 Ctrl+Left 或 Ctrl+右 使页面崩溃(我看到的是“Aw Snap”页面)。奇怪的是，Ctrl+向上和Ctrl+向下起作用。

我已确定以下代码(直接或间接导致崩溃):

/**
 * Deactivates a cell, hiding its input field, and showing its span field
 */
View.prototype.deactivateCell = function (cell){
 //Show the span, hide the input
 var label = cell.descendants()[0];
 var input = cell.descendants()[1];
 if(label){
  label.show();
 }
 if(input){
  //THIS NEXT LINE IN PARTICULAR CAUSES THE CRASH
  //I've also tried input.style.display = "none"; - same result
  input.hide();
 }
}

奇怪的是，这段代码是由 Ctrl+Up/Down 以及 Ctrl 调用的+Left/Right - 但它仅在 Left/Right 上崩溃 - 即使具有相同的 cell值(value)观!

所有这些单元格都有两个，而且只有两个，后代......并且崩溃与源单元格或目标单元格无关 - 可以从上面移动到任何单元格，但不能从向左。

更奇怪的是；添加 alert(1);在 deactivateCell(cell) 的末尾方法可以防止崩溃。将其放在方法的开头没有任何效果(然后在崩溃之前显示警报对话框)

我尝试在测试文件中隔离相关的 HTML + 此方法 - 我无法重现崩溃。

有人遇到过这种情况吗？我应该将其作为浏览器错误注销吗？有谁知道我如何调试这个问题，或者尝试修复它？当许多其他网站都很好时，我对我的 Javascript 如何导致浏览器卡住没有最模糊的印象。

Answer 1

我不是原型(prototype)英雄，但我注意到您调用 cell.descendants() 时没有检查 cell 是否为空。

此外，您是否隐藏了光标所在的当前输入？如果是这样，请在隐藏当前输入之前尝试 focus() 到其他输入。