随堂笔记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 公司开发的一款 ...
随机推荐
- log4j日志工具
一.关于日志 1.日志定义: 项目在运行阶段产生的信息 2.日志级别 最常见的日志级别有4个: error :错误日志 warn:警告日志 info:流程日志 debug:调试日志 优先级从高到低 ...
- Extjs 学习总结-Ext.define自定义类
本教程整理了extjs的一些基本概念及其使用,包括自定义类(Ext.define).数据模型.代理等.本节介绍使用Ext.define自定义类 使用Ext.define自定义类 1. 首先看看js中自 ...
- SQLPROMPT5.3对各种加密对象的解密测试
SQLPROMPT5.3对各种加密对象的解密测试 测试环境: SQL2005个人开发者版 SP4 SQLPROMPT版本:5.3.8.2 视图 CREATE VIEW aa WITH ENCRYPTI ...
- yaf设置命名空间
修改yaf配置文件 文件是:yaf.ini extension=yaf.so yaf.use_namespace=1 index文件. 目录是application/controllers/Index ...
- 【转载】使用Pandas创建数据透视表
使用Pandas创建数据透视表 本文转载自:蓝鲸的网站分析笔记 原文链接:使用Pandas创建数据透视表 目录 pandas.pivot_table() 创建简单的数据透视表 增加一个行维度(inde ...
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能
当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.ap ...
- Android 双击 Back 键退出程序
双击退出程序的原理无非就是设置一个退出标识(询问是否退出),如果改变了这个标识(确认退出),则再次点击时立马退出,如果短时间内没有退出,则延时重置这个标识(不退出). ================ ...
- jquery写简单的div切换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Ubuntu下三个实用的录屏软件
Ubuntu下三个实用的录屏软件 Kazam 优点: 易安装 可选择区域录制,也可全屏录制 有录屏和截图功能 安装: sudo apt-get install kazam 展示: Simple Scr ...
- iOS 类微信语音播放之切换听筒和扬声器的方法解决方案
[[UIDevice currentDevice] setProximityMonitoringEnabled:NO]; //建议在播放之前设置yes,播放结束设置NO,这个功能是 //添加监听 ...