如何使用WebKit开发工具调试JavaScript中的用户输入问题
How to debug user entry issues in JavaScript with WebKit developer tools?
我遇到一个问题,在多次更改选择下拉列表后,用户输入的输入被加倍、三倍、四倍等。下面是一个小视频,展示了我的困境并提出了问题:http://screencast.com/t/7Gb01nGe787p
本质上,问题是如何在这样的情况下正确调试?
我认为如何调试在很大程度上取决于代码的结构。
如果你正在使用小部件(jqueryUI、插件、外部库等),你可以四处搜索,看看这是否是一个已知的错误/问题。除此之外,检查配置(我已经多次被配置不正确所困扰)可能会有所帮助。还要检查是否存在冲突的代码,例如您可能定义的可能干扰小部件行为的事件。在webkit控制台中操作对象对此特别有用,因为您可以更容易地发现代码在哪些情况下可以工作,在哪些情况不会工作,而不必依赖于操作UI。
如果你没有使用别人写的东西,那么在我看来调试会更容易一些。对我来说,这实际上可以归结为缩小了我的视野。如果你有任何与你的问题有关的事件(onKeyUp或其他什么),请将其记录下来。Console.log可以起到很大的作用,尤其是在处理UI状态时,断点也是如此。我不确定这是否一定是最好的方法,但我发现它在正确的情况下非常有用。
如果你真的陷入困境,你总是可以变得激烈,开始删除你的代码片段。听起来可能不太好,但如果你真的陷入困境,似乎找不到代码的哪一部分有问题,它至少会给你一个指标,告诉你该去哪里看。再说一遍,这不是最漂亮的解决方案,但它不止一次让我头疼。
希望这能有所帮助。
相关文章:
- 使用javascript搜索具有用户输入的数组
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何使用JavaScript中的用户输入创建序列/序列
- 如何在用户输入时实例化数组
- 如何从客户端的数组中获取用户输入和返回值
- 如何在用户输入 javascript 时更改值
- 如何从多个不同的html页面获得mongodb文档的用户输入
- PayPal按钮是否有一个简单的选项,其中金额基于一些用户输入
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 如果用户输入的长度小于最小长度,则显示错误消息
- 随机生成用户输入
- 如果图像标记是用javascript编写的,并且需要用户输入,那么图像不会随页面加载吗
- Javascript:使用用户输入搜索数组
- 根据用户输入的数字生成文本框
- 如何通过获取用户输入和使用按钮来运行JavaScript函数
- 使用用户输入修改链接
- 如何解决取消抖动的用户输入上的竞争条件
- 从用户输入中制作数组动画,如打字机(javascript)
- 如何在视图中保存用户输入内容,并在离开页面时对控制器进行后期调用