随堂笔记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编译器的方法一样进行调试。

 

posted @ 2016-03-09 21:09  孤帆远航666  阅读(310)  评论(0编辑  收藏  举报