Google Chrome 调试JS简单教程[更新]

我是一名忠实Chrome迷,使用它已经快有2年的历史了,整体给我的感觉就是清爽,快速,简洁。又打小广告了……^_^,虽然我知道IE8+也有调试工具,包括火狐的什么XXBUG,但是我用过之后,个人还是十分偏爱chrome的debug。

chrome对于在前端打拼的兄弟姐妹是十分有帮助的,它优雅的实时展示DOM,捕获N个ajax传递过来的参数

 

我是一名忠实Chrome迷,使用它已经快有2年的历史了,整体给我的感觉就是清爽,快速,简洁。又打小广告了……^_^,虽然我知道IE8+也有调试工具,包括火狐的什么XXBUG,但是我用过之后,个人还是十分偏爱chrome的debug。

chrome对于在前端打拼的兄弟姐妹是十分有帮助的,它优雅的实时展示DOM,捕获N个ajax传递过来的参数

 

关于js调试的几个控制简介

js控制面板就是在顶部的侧面板,这几个工具条可以让你按步执行代码。

继续:继续执行代码,直到我们遇到另一个断点。

步骤:忽略方法体内部,也就是不进入到方法体内部细节再执行,只调用取返回值继续在当前执行下步。

进入细节:细节逐语句执行,进入方法体再执行。

退出细节:细节语句返回主函数体。

断点开关:决定该断点是否开启/关闭。

 

全文:http://www.markdream.com/code/chrome-google-js-debug.shtml

posted @ 2013-12-20 11:12  stma  阅读(1727)  评论(0)    收藏  举报