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

How to debug user entry issues in JavaScript with WebKit developer tools?

本文关键字:用户 输入 问题 JavaScript 何使用 WebKit 开发工具 调试      更新时间:2023-09-26

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

本质上,问题是如何在这样的情况下正确调试?

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

如果你正在使用小部件(jqueryUI、插件、外部库等),你可以四处搜索,看看这是否是一个已知的错误/问题。除此之外,检查配置(我已经多次被配置不正确所困扰)可能会有所帮助。还要检查是否存在冲突的代码,例如您可能定义的可能干扰小部件行为的事件。在webkit控制台中操作对象对此特别有用,因为您可以更容易地发现代码在哪些情况下可以工作,在哪些情况不会工作,而不必依赖于操作UI。

如果你没有使用别人写的东西,那么在我看来调试会更容易一些。对我来说,这实际上可以归结为缩小了我的视野。如果你有任何与你的问题有关的事件(onKeyUp或其他什么),请将其记录下来。Console.log可以起到很大的作用,尤其是在处理UI状态时,断点也是如此。我不确定这是否一定是最好的方法,但我发现它在正确的情况下非常有用。

如果你真的陷入困境,你总是可以变得激烈,开始删除你的代码片段。听起来可能不太好,但如果你真的陷入困境,似乎找不到代码的哪一部分有问题,它至少会给你一个指标,告诉你该去哪里看。再说一遍,这不是最漂亮的解决方案,但它不止一次让我头疼。

希望这能有所帮助。