星空网 > 软件开发 > 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浏览器),打开如下图页面所示:

随堂笔记javascript篇之chrome调试:

然后按F12进入调试,然后鼠标点在Sources 资源上:

随堂笔记javascript篇之chrome调试:

 

3.然后在界面的右侧:点击你想要设置断点的代码的行数进行断点调试

随堂笔记javascript篇之chrome调试:

4.然后F8是换行调试,F10是跳到下一断点,接下来同C编译器的方法一样进行调试。

 




原标题:随堂笔记javascript篇之chrome调试:

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

跨境新说:https://www.goluckyvip.com/tag/36942.html
跨境星:https://www.goluckyvip.com/tag/36943.html
跨境选品趋势说:https://www.goluckyvip.com/tag/36944.html
跨境选品软件:https://www.goluckyvip.com/tag/36945.html
跨境选品数据分析:https://www.goluckyvip.com/tag/36946.html
跨境选品小达人:https://www.goluckyvip.com/tag/36947.html
新质生产力加速数字贸易发展 卓尔智联集团实现营收利润双增长 :https://www.kjdsnews.com/a/1836409.html
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流