Google浏览器断点调试代码

我是一个程序小白,在我学eclipse中java可以用短点来调试,很方便,也挺省心的,但是在我写javascript中,其实语句都差不多,但是我写代码的时候比较粗心,很容易出错,找了半天都找不出来,所以有个断点是很方便的,在前端开发,我较喜欢用HBuilder,代码提示很爽的,界面也很好看,但是它不能断点调试它,所以我想到了在浏览器中调试。
我用的是Google浏览器来调试代码
打开浏览器,按F12—sources 进入下面的页面,点击你所需要的调试的行数,
行数会出现 蓝色的底,按F5刷新
Google浏览器断点调试代码
箭头标记的都是可以根据你的情况来调试它
Google浏览器断点调试代码
如果你需要实时的看变量的值的
Watch中监视变量的值在Source中选择变量,然后点击右键,在右键菜单中选择”Add selected text in watches”,就会将当前选择的文本内容加到Watch中了,这里的内容会随着代码的执行而动态变化。
Google浏览器断点调试代码
ok 完成了 是不是特别简单,很方便的