如何使用WebKit开发人员工具在JavaScript中调试用户输入问题？

Question

我有一个问题，在多次更改选择下拉列表后，用户输入的输入正在加倍，三倍，四倍等。这是一个小视频，展示了我的困境并提出了问题：http://screencast.com/t/7Gb01nGe787p

基本上问题是如何在这样的情况下正确调试？

Answer 1

我认为你的调试方式很大程度上取决于代码的结构。

如果您正在使用小部件（jquery UI内容，插件，外部库等），您可以随时搜索并查看其是否已知错误/问题。除此之外，检查配置（我已被配置多次正确烧毁）可能会有所帮助。还要检查是否存在冲突的代码，例如您可能已定义的可能会干扰窗口小部件行为的事件。在webkit控制台中操作对象对此特别有用，因为您可以更轻松地找出代码将在什么情况下工作，以及在什么情况下它不会，而不必依赖于操作UI。

如果您没有使用其他人写的东西，那么我认为调试会更容易一些。对我来说，这实际上归结为缩小我正在寻找的范围。如果您有任何与您的问题相关的事件（onKeyUp或其他），请记录它。 Console.log可以走很长的路，特别是在处理UI状态时，断点也是如此。我不确定这是否是最好的方法，但我发现它在正确的情况下非常有用。

如果你真的陷入困境，你总是会变得激烈并开始删除代码片段。可能听起来不是很好，但如果你真的卡住了，似乎无法找到代码的哪一部分有问题，它至少会给你一个指示去哪里看的指标。同样，这不是最漂亮的解决方案，但它在多个occaision上给我带来了很多麻烦。

希望这有帮助。