javascript - 如何使用 WebKit 开发工具调试 JavaScript 中的用户输入问题？

Question

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

本质上，问题是如何在给定这样的情况下正确调试？

Answer 1

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

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

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

如果你真的被卡住了，你总是可以变得激烈并开始删除你的代码片段。听起来可能不是很好，但如果你真的被卡住了，似乎无法找到代码的哪一部分有问题，它至少会给你一个指示符，告诉你应该去哪里看。同样，这不是最漂亮的解决方案，但它在不止一个场合为我省去了很多麻烦。

希望这可以帮助。