google浏览器调试javascript

javascript调试，大家一般都是用alert来，以前我没有用google,firefox的时候，也是这样来调试的，后来发现firefox的firebug和google可以调试javascript，可以像Eclipse,VS一样设置断点，这样调试javascript确实方便多了。下面来给大家分享一下，怎么用google来调试javascript。

第一步，打开（快捷键是F12）

第二步，切换到sources选项，找到你要调试的文件（多个文件点击左边那个小三角，选择你要调试的文件）

第三步，找到你要调试的语句，点击最左边，当出现一个蓝色的点的时候，说明断点设置成功。然后刷新页面，程序就开始调试了，到了断点外，程序会挂起。

你也可以在你要调试的语句前面，点击右键，选择Add breakpoint，添加一个断点。下面步骤同上。

调试基本操作说明，有跳转到下一个断点，单步执行，进入等等（如果大家看不清楚，可以在一个新页面中打开这张图片看）

操作一：当遇到非内置方法时，点击右边中间那个按钮，是进入方法内部，快捷键是F11（我一直没有用成功过，可能和浏览器全屏的快捷键冲突了）

操作二：单步执行的效果，单步执行的时候，当遇到一个方法的时候，不会进入该方法的内部实现中，快捷键（F10）

操作三：当有设置多个断点的时候，可以点击，右边栏的最左边那个小三角，它会从当前位置跳到下一个断点

大家还可以看右边栏的一些其它选项，里面有一些变量的信息，等等。