Google浏览器断点调试代码

我是一个程序小白，在我学eclipse中java可以用短点来调试，很方便，也挺省心的，但是在我写javascript中，其实语句都差不多，但是我写代码的时候比较粗心，很容易出错，找了半天都找不出来，所以有个断点是很方便的，在前端开发，我较喜欢用HBuilder，代码提示很爽的，界面也很好看，但是它不能断点调试它，所以我想到了在浏览器中调试。
我用的是Google浏览器来调试代码
打开浏览器，按F12—sources 进入下面的页面，点击你所需要的调试的行数，
行数会出现 蓝色的底，按F5刷新

箭头标记的都是可以根据你的情况来调试它

如果你需要实时的看变量的值的
Watch中监视变量的值在Source中选择变量，然后点击右键，在右键菜单中选择”Add selected text in watches”，就会将当前选择的文本内容加到Watch中了，这里的内容会随着代码的执行而动态变化。

ok 完成了 是不是特别简单，很方便的