在调试涉及焦点/模糊事件处理的 Javascript 时如何使用 Firebug

Question

我正在尝试使用 Firebug 来调试一些需要模糊和焦点事件处理的 Javascript，特别是一些自动完成/前瞻功能。问题是，仅通过单击 Firebug 中的各个选项卡（例如“Console”、“Script”、“DOM”等），我的应用程序中的 blur() 事件就会被触发，然后是当我随后在自动完成驱动的文本字段中单击返回时的 focus() 事件。事实上，当尝试与 Firebug 交互时，这些事件被不必要地触发，即使不是几乎不可能，也会使调试本身出现问题。

还有其他人遇到过第 22 条军规吗？和/或有人有解决方案/建议吗？

Answer 1

使用键盘代替？
http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts

另外：
->选项->显示快速信息框（然后单击检查按钮）将显示有关您鼠标悬停的所有内容的信息胶囊 - 如果有帮助

Answer 2

您可以将它们切换为调试吗？即不要使用 blur() 和 focus()，而是使用 click() 或 hover()。

Answer 3

不确定你的问题，但正如 Alex 所说，你仍然可以使用控制台来记录事件和任何其他 JavaScript 内容。

例如，

var x =5;
console.info(x);
x = 9;
console.info(x);

在 JavaScript 中运行此代码，您将在控制台中看到它。

Answer 4

在尝试设计预输入插件样式时也有类似的经历。我发现的最佳解决方案是右键单击 firebug dom 中的一个元素并检查“子添加和删除时中断”（您也可以在属性更改等时中断）。