HTML5开发经验分享----js代码调试，谷歌f12调试

1.在上一篇文章学习到js初级入门：学习了如何创建一个js，下面来学习如何在浏览器上调试自己的代码；

使用webstrom编辑器,在js代码上写上一个for循环：

for(var i=1;i<=10;i++){
    console.log(i);
}

2.在谷歌浏览器上打开调试工具f12 如上图所示；点击sources；第一步点击test.html，就能在中间看到你写的代码了

打开consolo 就能看到你代码console代码打印的结果④了，设置一个断点就是点击中间代码旁边的数字，会出现一个蓝色 的条状，f5刷新页面；

按f10，可以分步执行函数，按f11，可以一步步执行代码；如果点中一个参数i或者一个函数，右键Add watch，在右边的③watch面板中就能监控你的代码变量的变化了；这样你就可以调试你写的页面；

3.最后，可以去网上复制几个现成代码，调试一下，观察是怎么执行的，观察他的执行步骤；然后自己跟着写一遍，出现bug可以自己调试一下为什么出问题！学习需要自己主动去研究。

群名称：HTML5博客群

群   号：564956472