随堂笔记javascript篇之chrome调试：
在征求到许老师的同意之后，我用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调试：的更多相关文章
- VS Code - Debugger for Chrome调试JavaScript的两种方式
VS Code - Debugger for Chrome调试JavaScript的两种方式 最近由于出差的缘故,博客写的不是很多,一直想写一篇VS Code - Debugger for Chrom ...
- 利用chrome调试JavaScript代码
看见网上很多人问怎么用chrome调试JavaScript代码,我也对这个问题抱着疑问,但是没有找到一篇能用的中文文章(可能我的google有问题),也不知道怎么点出一篇E文的,感觉作者写得不错,所以 ...
- Javascript系列： Google Chrome调试js代码(zz)
你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...
- 《javascript权威指南》读书笔记——第二篇
<javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...
- 《javascript权威指南》读书笔记——第一篇
<javascript权威指南>读书笔记——第一篇 金刚 javascript js javascript权威指南 由于最近想系统学习下javascript,所以开始在kindle上看这本 ...
- chrome调试本地项目, 引用本地javascript文件
chrome调试本地项目, 引用本地javascript文件 本地文件可以访问本地文件 修改快捷方式属性 C:\Users\xxx\AppData\Local\Google\Chrome\Applic ...
- Chrome 中的 JavaScript 断点设置和调试技巧 （转载）
原文地址:http://han.guokai.blog.163.com/blog/static/136718271201321402514114/ 你是怎么调试 JavaScript 程序的?最原始的 ...
- 小猪猪C++笔记基础篇（六）参数传递、函数重载、函数指针、调试帮助
小猪猪C++笔记基础篇(六) ————参数传递.函数重载.函数指针.调试帮助 关键词:参数传递.函数重载.函数指针.调试帮助 因为一些事情以及自己的懒惰,大概有一个星期没有继续读书了,已经不行了,赶紧 ...
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
转自:https://www.ibm.com/developerworks/cn/web/1410_wangcy_chromejs/ 引言 Google Chrome 是由 Goole 公司开发的一款 ...
随机推荐
- js只弹窗一次
<script> var alertmessage="检测到您当前浏览器为IE8或以下版本,建议您使用IE9或以上版本,或者火狐.谷歌浏览器,才能体验到最佳效果" fu ...
- 如何在网页中添加“QQ交流”
今天在撸码时,想到这个问题,有些网页中会有诸如,那么如何在网页添加"QQ交谈"? 第一步.登录QQ: 第二步.打开网页:QQ推广,启用QQ通讯组件: 第三步.选择组件样式,设置提示 ...
- 2015.4.19 为什么footer下a的索引值那么大
1.问题demo:为什么footer下a的索引值那么大,index不是查找兄弟级别的元素么?而且还限定了范围在footer下的a的情况下. 解决方法:alert( $("#footer a& ...
- 什么是UIScrollView
移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限 当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容 普通的UIView不具备滚动功能,不适合显示过多的内容 ...
- 前端学习笔记 - Css初级篇
有话先说:我是一只菜鸟,一只都是,从前是现在也是. CSS中的会计元素与行内元素 块级元素特性:占据一整行,总是重起一行并且后面的元素也必须另起一行显示.内联元素特性:和其他内联元素显示在同一行. 可 ...
- C#使用Quartz.NET详细讲解
Quartz.NET是一个开源的作业调度框架,是OpenSymphony 的 Quartz API的.NET移植,它用C#写成,可用于winform和asp.net应用中.它提供了巨大的灵活性而不牺牲 ...
- php代码规范—2
如何写出好的 PHP 代码? 在本文中,我们将探讨一些良好的编程习惯,这将帮助你避免代码中的缺陷. 1- 编写模块化代码 良好的PHP代码应该是模块化代码.PHP的面向对象的编程功能是一些特别强大的工 ...
- JS自动缩放页面图片
/** * 缩略图 * * @param bool isScaling 是否缩放 * @param int width 宽度 * @param int height 高度 * @param strin ...
- Uva 2034
求定积分 (结果当时我没看到平均值) //正常多项式求 #include<iostream> #include<cstdio> #include<cmath> us ...
- Qt5.7中使用MySQL Driver
Qt5.7中使用MySQL Driver 1.使用环境 Qt5.7的安装安装就已经带了MySQL Driver,只需要在安装的时候选择一下即可. 如果没有安装,可以采取自己编译的方式. 在Qt的源码包 ...