隨堂筆記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編譯器的方法一樣進行調試。

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com