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

标签 javascript google-chrome prototype webkit crash

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

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

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

在 Firefox、IE、Opera 等中一切正常。但是,当我加载 Chrome 时,使用 Ctrl+LeftCtrl+ 使页面崩溃(我看到的是“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 如何导致浏览器卡住没有最模糊的印象。

最佳答案

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

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

关于javascript - 我的网络应用程序在 Google Chrome 中非确定性崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3905366/

相关文章:

javascript - rails : hide/close a rendered partial through a button in that partial

javascript - 如何使用 jquery 每 5 秒更改元素的背景颜色?

JavaScript 原型(prototype)属性 : Prototype based Inheritance

javascript - 使用 JavaScript 原型(prototype)调用方法

javascript - 如何从chrome扩展的后台js访问页面元素

javascript - redux 流程给出错误

javascript - 从 chrome 扩展访问 iframe 内的 DOM 元素

html - 在 chrome 中带有溢出自动的框布局

html - 使用 foundation 3 在 chrome 中显示 slider

javascript - 如何继承 "constructor returns another object"对象