你的位置:首页 > Java教程

[Java教程]随堂笔记javascript篇之chrome调试:


      在征求到许老师的同意之后,我用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编译器的方法一样进行调试。