松软科技Web课堂:重要->JavaScript 调试
错误总会发生，每当您写一些新的计算机代码时。
JavaScript 调试
在没有调试器的情况下写 JavaScript 是有难度的。
您的代码中也许包含了语法错误，或者逻辑错误，这些都难以诊断。
通常，如果 JavaScript 代码包含错误，也不会发生任何事情。不会有错误消息，并且不会有任何可供查找错误的指示信息。
通常，每当你尝试编写新的 JavaScript 代码，就可能发生错误。
JavaScript 调试器
查找编程代码中的错误被称为代码调试。
调试并不简单。但幸运地是，所有现代浏览器都有内置的调试器。
内置的调试器可打开或关闭，强制将错误报告给用户。
通过调试器，您也可以设置断点（代码执行被中断的位置），并在代码执行时检查变量。
通常通过 F12 键启动浏览器中的调试器，然后在调试器菜单中选择“控制台”。
console.log() 方法
如果您的浏览器支持调试，那么您可以使用 console.log() 在调试窗口中显示 JavaScript 的值：
实例
<!DOCTYPE html>
<html>
<body> <h1>My First Web Page</h1> <script>
a = ;
b = ;
c = a + b;
console.log(c);
</script> </body>
</html>
提示：请访问我们的 JavaScript Console 参考手册，获取更多有关 console.log() 方法的信息。
设置断点
在调试窗口中，您可在 JavaScript 代码中设置断点。
在每个断点中，JavaScript 将停止执行，以使您能够检查 JavaScript 的值。
在检查值之后，您可以恢复代码执行。
debugger 关键词
debugger 关键词会停止 JavaScript 的执行，并调用（如果有）调试函数。
这与在调试器中设置断点的功能是一样的。
如果调试器不可用，debugger 语句没有效果。
如果调试器已打开，此代码会在执行第三行之前停止运行。
实例
var x = * ;
debugger;
document.getElementbyId("demo").innerHTML = x;
主流浏览器的调试工具
通常，您在浏览器中通过 F12 键启用调试，并在调试器菜单中选择“控制台”。
否则请按照以下步骤：
Chrome
- 打开浏览器
- 从菜单中选择工具
- 从工具中选择开发者工具
- 最后，选择控制台
Firefox Firebug
- 打开浏览器
- 前往网页：http://www.getfirebug.com
- 根据如下指令：如何安装 Firebug
Internet Explorer
- 打开浏览器
- 从菜单选择工具
- 从工具选择开发者工具
- 最后，选择控制台
Opera
- 打开浏览器
- 请前往网页：http://dev.opera.com
- 根据如下指令：如何安装 Firebug Lite
Safari Develop Menu
- 点击 Safari 菜单，偏好设置，高级
- 选中“在菜单栏中启用开发菜单”
- 当菜单中出现新选项“开发”时，选择“显示错误控制台”
您知道吗？
调试是测试、找到并减少计算机程序中 bug（错误）的过程。
历史上首个已知的计算机 bug 是一只卡在电子器件中的真实的虫子（一种昆虫）。
松软科技Web课堂:重要->JavaScript 调试的更多相关文章
- 松软科技Web课堂:JavaScript JSON
JSON 是存储和传输数据的格式. JSON 经常在数据从服务器发送到网页时使用. 什么是 JSON? JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据 ...
- 松软科技Web课堂:JavaScript this 关键词
实例 var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : fu ...
- 松软科技Web课堂:JavaScript 异常
JavaScript 错误 - Throw 和 Try to Catch try 语句使您能够测试代码块中的错误. catch 语句允许您处理错误. throw 语句允许您创建自定义错误. final ...
- 松软科技Web课堂:JavaScript 正则表达式
正则表达式是构成搜索模式的字符序列. 该搜索模式可用于文本搜索和文本替换操作. 什么是正则表达式? 正则表达式是构成搜索模式(search pattern)的字符序列. 当您搜索文本中的数据时,您可使 ...
- 松软科技Web课堂:JavaScript 类型转换
Number() 转换数值,String() 转换字符串,Boolean() 转换布尔值. JavaScript 数据类型 JavaScript 中有五种可包含值的数据类型: 字符串(string) ...
- 松软科技Web课堂:JavaScript Break 和 Continue
break 语句“跳出”循环. continue 语句“跳过”循环中的一个迭代. Break 语句 在本教程稍早的章节中,您已见到了 break 语句.它被用于“跳出” switch 语句. brea ...
- 松软科技Web课堂:JavaScript For 循环
循环可多次执行代码块. JavaScript 循环 假如您需要运行代码多次,且每次使用不同的值,那么循环(loop)相当方便使用. 通常我们会遇到使用数组的例子: 不需要这样写: text += ca ...
- 松软科技web课堂:JavaScript If...Else 语句
条件语句用于基于不同条件执行不同的动作. 条件语句 在您写代码时,经常会需要基于不同判断执行不同的动作. 您可以在代码中使用条件语句来实现这一点. 在 JavaScript 中,我们可使用如下条件语句 ...
- 松软科技web课堂:JavaScript 比较和逻辑运算符
JavaScript 比较和逻辑运算符 比较和逻辑运算符用于测试 true 或 false. 比较运算符 比较运算符在逻辑语句中使用,以判定变量或值是否相等. 我们给定 x = 5,下表中解释了比较运 ...
随机推荐
- （四十五）golang--反射
反射基本介绍: (1)反射可以在运行时动态获取变量的各种信息,比如变量的类型.类别: (2)如果是结构体变量,还可以获取结构体本身的信息(包括结构体字段.方法): (3)通过反射,可以修改变量的值,可 ...
- C# 异步并发操作，只保留最后一次操作
在我们业务操作时,难免会有多次操作,我们期望什么结果呢? 绝大部分情况,应该是只需要最后一次操作的结果,其它操作应该无效. 自定义等待的任务类 1. 可等待的任务类 AwaitableTask: // ...
- 【Android - 控件】之MD - CardView的使用
CardView是Android 5.0新特性——Material Design中的一个布局控件,可以通过属性设置显示一个圆角的类似卡片的视图. 1.CardView的属性: app:cardCorn ...
- Spring Boot 自动装配（二）
目录 目录 前言 1.起源 2.Spring Boot 自动装配实现 2.1.@EnableAutoConfiguration 实现 2.1.1. 获取默认包扫描路径 2.1.2.获取自动装配的组件 ...
- Docker 构建私有仓库
Docker Hub 目前Docker官方维护了一个公共仓库Docker Hub,其中已经包含了数量超过15000的镜像.大部分需求都可以通过在Docker Hub中直接下载镜像来实现. 可以在htt ...
- JavaEE基础(01)：Servlet实现方式，生命周期执行过程
本文源码:GitHub·点这里 || GitEE·点这里 一.Servlet简介 Java编写的服务器端程序,具有独立于平台和协议的特性,主要功能在于交互式地浏览和生成数据,生成动态Web内容.使用S ...
- elk的搭建
一:准备工作 1.准备一台虚拟机 192.168.175.222 elk-node2 2.关闭防火墙以及selinux 命令:systemctl stop firewalld # ...
- python 计算两个日期间的小时数
#!/usr/bin/env python #encoding: utf-8 import datetime def dateDiffInHours(t1, t2): td = t2 - t1 ret ...
- luogu CF16E Fish
题目描述 有n条鱼,编号从1到n,住在湖里.每天有一对鱼相遇, 彼此相遇的概率是一样的.如果两条标号为i和j的鱼见面,第一只吃了第二只的概率为a{i,j},第二只会吃了第一只的概率为a{j,i}=1- ...
- 使用Python进行防病毒免杀
很多渗透工具都提供了权限维持的能力,如Metasploit.Empire和Cobalt Strike,但是都会被防病毒软件检测到这种恶意行为.在探讨一个权限维持技巧的时候,似乎越来越多的人关注的是,这 ...