在征求到许老师的同意之后,我用javascript脚本语言来完成我的课堂作业,初学一门语言,刚开始也许是初生牛犊不怕虎,接受一门新的语言而且用来完成作业。一开始老师是拒绝的,他说我这样是太麻烦了。对于我来说可能需要花更多的时间去完成。但那又如何呢?
所以言归正传吧!
不与c,c++的调试一样,javascript的调试不是在编译器里完成的,而是在浏览器中完成的,相对来说稍微麻烦了一点点,当然如果你认为这样就麻烦到我了,那么你是多么小看我的毅力了,额,好像又扯远了!!!
接下来开始送福利吧:
1:我用上一次老师布置的那道作业来做demo,首先写好自己的一段javascript代码,如下:
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>四则运算</title> 6 </head> 7 <body> 8 <h1>四则运算</h1> 9 <p>......................................................................</p><br/>10 <h4>随机生成二十到四则运算题:</h4><br/>11 <script type="text/javascript">12 var x,y,i=0;13 function yunsuan()14 {15 var n;16 return n=parseInt(10*Math.random())%4;17 }18 for(i=0;i<20;i++){19 var value=yunsuan();20 x=parseInt(10*Math.random())%4;21 y=parseInt(10*Math.random())%4;22 switch(value)23 {24 case 0:25 document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");26 break;27 case 1:28 document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");29 break;30 case 2:31 document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");32 break;33 case 3:34 document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");35 break;36 default:break;37 }38 }39 40 </script>41 </body>42 </html>
2.保存为.HTML的文件并用谷歌浏览器打开(这里我用的是谷歌,推荐火狐浏览器,由于自己比较赖用了现有的chrome浏览器),打开如下图页面所示:
然后按F12进入调试,然后鼠标点在Sources 资源上:
3.然后在界面的右侧:点击你想要设置断点的代码的行数进行断点调试
4.然后F8是换行调试,F10是跳到下一断点,接下来同C编译器的方法一样进行调试。
原标题:随堂笔记javascript篇之chrome调试:
关键词:JavaScript