在征求到许老师的同意之后，我用javascript脚本语言来完成我的课堂作业，初学一门语言，刚开始也许是初生牛犊不怕虎，接受一门新的语言而且用来完成作业。一开始老师是拒绝的，他说我这样是太麻烦了。对于我来说可能需要花更多的时间去完成。但那又如何呢？

所以言归正传吧！

不与c,c++的调试一样，javascript的调试不是在编译器里完成的，而是在浏览器中完成的，相对来说稍微麻烦了一点点，当然如果你认为这样就麻烦到我了，那么你是多么小看我的毅力了，额，好像又扯远了！！！

接下来开始送福利吧：

1：我用上一次老师布置的那道作业来做demo，首先写好自己的一段javascript代码，如下：

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

     <meta charset="utf-8">

     <title>四则运算</title>

 </head>

 <body>

 <h1>四则运算</h1>

 <p>......................................................................</p><br/>

 <h4>随机生成二十到四则运算题：</h4><br/>

 <script type="text/javascript">

     var x,y,i=0;

     function yunsuan()

     {

         var n;

         return n=parseInt(10*Math.random())%4;

     }

         for(i=0;i<20;i++){

         var value=yunsuan();

         x=parseInt(10*Math.random())%4;

         y=parseInt(10*Math.random())%4;

         switch(value)

         {

             case 0:

                    document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");

                    break;

             case 1:

                    document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");

                     break;

             case 2:

                    document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");

                    break;

             case 3:

                    document.write(i+1+"题"+":"+x+"+"+y+"="+"<br><br>");

                    break;

             default:break;

         }

     }

 </script>

 </body>

 </html>

2.保存为.HTML的文件并用谷歌浏览器打开（这里我用的是谷歌，推荐火狐浏览器，由于自己比较赖用了现有的chrome浏览器），打开如下图页面所示：

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

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

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

随堂笔记javascript篇之chrome调试：的更多相关文章

  1. VS Code - Debugger for Chrome调试JavaScript的两种方式

    VS Code - Debugger for Chrome调试JavaScript的两种方式 最近由于出差的缘故,博客写的不是很多,一直想写一篇VS Code - Debugger for Chrom ...

  2. 利用chrome调试JavaScript代码

    看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以 ...

  3. Javascript系列： Google Chrome调试js代码(zz)

    你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...

  4. 《javascript权威指南》读书笔记——第二篇

    <javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...

  5. 《javascript权威指南》读书笔记——第一篇

    <javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本 ...

  6. chrome调试本地项目, 引用本地javascript文件

    chrome调试本地项目, 引用本地javascript文件 本地文件可以访问本地文件 修改快捷方式属性 C:\Users\xxx\AppData\Local\Google\Chrome\Applic ...

  7. Chrome 中的 JavaScript 断点设置和调试技巧 （转载）

    原文地址:http://han.guokai.blog.163.com/blog/static/136718271201321402514114/ 你是怎么调试 JavaScript 程序的?最原始的 ...

  8. 小猪猪C++笔记基础篇（六）参数传递、函数重载、函数指针、调试帮助

    小猪猪C++笔记基础篇(六) ————参数传递.函数重载.函数指针.调试帮助 关键词:参数传递.函数重载.函数指针.调试帮助 因为一些事情以及自己的懒惰,大概有一个星期没有继续读书了,已经不行了,赶紧 ...

  9. 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试

    转自:https://www.ibm.com/developerworks/cn/web/1410_wangcy_chromejs/ 引言 Google Chrome 是由 Goole 公司开发的一款 ...

随机推荐

  1. ExtJs 实现表单联动

    最近做的项目使用Extjs.遇到表单联动的业务.下面来说说主要实现思想: 说明:表单联动一般存在从属关系,有大范围的对象和大范围中的小对象.比如地理位置的选定(例:浙江省-杭州市-某某县).在这里,我 ...

  2. .edmx 文件概述（实体框架）

    (一) 认识.edmx文件结构 参考资料: .edmx 文件概述(实体框架) Entity Framework 全面教程详解(转) Entity Framework 教程 Entity Framewo ...

  3. 【06-18】CentOS使用笔记

    使用中文输入法 搜狗输入法只支持Ubuntu sudo yum install "@Chinese Support" [系统]--->[首选项]--->[输入法]--& ...

  4. Bash 中的 $0 在什么时候不是 argv[0]

    每个 C 程序都有一个 main 函数,每个 main 函数都有一个 argv 参数,这个参数是一个字符串数组,这个数组的值是由该 C 程序的父进程在通过 exec* 函数启动它时指定的. 很多人说 ...

  5. JavaScript 快速排序（Quicksort）

    "快速排序"的思想很简单,整个排序过程只需要三步: (1)在数据集之中,选择一个元素作为"基准"(pivot). (2)所有小于"基准"的元 ...

  6. Websites for more Android development information

    There is a vibrant, helpful Android developer community on the Web. Here are a numberof useful websi ...

  7. 常见HTTP状态码列表

    HTTP状态码 当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求.当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应 ...

  8. Ubuntu 14.04 LTS 安装Docker

    Docker官方是有很详细的安装文档(https://docs.docker.com/engine/installation/ubuntulinux/),这里做了一个Ubuntu 14.04 LTS中 ...

  9. MYSQL(二)

    上一篇文章讲的是mysql的基本操作,这一篇会有一点难以理解,本节主要内容mysql视图,存储过程,函数,事务,触发器,以及动态执行sql 视图view 视图是一个虚拟表,其内容由查询定义.同真实的表 ...

  10. 【Python基础学习六】函数

    1.创建函数 Python中函数的关键字def来定义. def fibs(num): f=[0,1] for i in range(1,num): f.append(f[-1]+f[-2]) retu ...