zoukankan      html  css  js  c++  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编译器的方法一样进行调试。

  • 相关阅读:
    查询job的几个语句
    fdisk与parted分区
    升级时针对Source oracle home 不存在解决办法
    oracle常用视图v$mystat v$sesstat v$sysstat v$statname v$thread v$ parameter v$session v$process
    x$ksppi与x$ksppcv查询隐藏参数
    查询表空间及已使用情況的SQL语句
    通过系统进程查找sql语句
    RAC日常维护命令
    创建ASM实例及ASM数据库(转载)
    安装数据库软件,节点未显示
  • 原文地址:https://www.cnblogs.com/zxr63/p/5259682.html
Copyright © 2011-2022 走看看