日期:2014-05-16  浏览次数:20408 次

用chrome调试js的问题

注册百度帐号时需要填写邮箱,我发现, 这个输入框可以自动补全邮箱号,我想知道的是,用chrome调试器,怎么查看,这个输入框上都绑定了什么事件,它获得焦点或失去焦点时都执行了那个函数,或者说,我在输入框中鼠标右键黏贴触发了什么函数(貌似没有什么监听函数可以监听鼠标右键黏贴)?这些调试,我用chrome没找着相关功能,哪位高手指导一下,好让我js调试能力有质的飞跃,特别是,我搞不懂,没有什么函数可以监听鼠标右键黏贴,为什么在上面的输入框中鼠标右键黏贴,下面会出现邮箱号补全提示呢?怎么调试都没有发现问题所在。如何让,对输入框的操作直接断点到响应函数呢?比如说,我让输入框获得焦点,就让js调试中断到输入框获得焦点的处理函数上?
js调试 js chrome调试 JavaScript

------解决方案--------------------


点击红框里的事件后面的JS文件名就可以进去了。

不过一般来说网站的JS代码都压缩过了,所以还是没什么好办法查看具体在哪行。

就算点过去你可以点击下面的{}来把代码格式化,在页面刚加载的时候代码还是一行,你在上面的操作里看到的还是第一行
------解决方案--------------------
这里的输入框都是JavaScript代码生成出来的,你可以通过chorme的sourcees中找到相应的代码。
或者你通过fiddle工具试试看,fiddle是最强大的web调试工具,可以说无所不能。