当前位置: 首页 > news >正文

JavaScript 调试

在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。


JavaScript 调试

没有调试工具是很难去编写 JavaScript 程序的。

你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。

通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。


JavaScript 调试工具

在程序代码中寻找错误叫做代码调试。

调试很难,但幸运的是,很多浏览器都内置了调试工具

内置的调试工具可以开始或关闭,严重的错误信息会发送给用户。

有了调试工具,我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量

浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 "Console" 。


console.log() 方法

如果浏览器支持调试,你可以使用 console.log() 方法在调试窗口上打印 JavaScript 值:

实例

a = 5; 
b = 6; 
c = a + b; 
console.log(c);

设置断点

在调试窗口中,你可以设置 JavaScript 代码的断点。

在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。

在检查完毕后,可以重新执行代码(如播放按钮)。


debugger 关键字

debugger 关键字用于停止执行 JavaScript,并调用调试函数。

这个关键字与在调试工具中设置断点的效果是一样的。

如果没有调试可用,debugger 语句将无法工作。(所以要F12开启)

开启 debugger ,代码在第三行前停止执行。

实例

var x = 15 * 5; 
debugger; 
document.getElementbyId("demo").innerHTML = x;

 

相关文章:

  • JavaScript 库(框架)
  • Cefsharp js调用c#与c#调用js
  • JavaScript之Window 对象
  • javascript之Navigator 对象
  • javascript之Screen 对象
  • javascript之History 对象
  • JavaScript之Location 对象
  • JavaScript 存储对象
  • 寻址 far near
  • Session原理
  • DOM选择器
  • JavaScript 全局对象
  • CMake详解
  • CMake脚本编写
  • vs2015使用教程
  • [译]CSS 居中(Center)方法大合集
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • 【技术性】Search知识
  • 230. Kth Smallest Element in a BST
  • CentOS7简单部署NFS
  • Cumulo 的 ClojureScript 模块已经成型
  • exif信息对照
  • If…else
  • Logstash 参考指南(目录)
  • pdf文件如何在线转换为jpg图片
  • SpiderData 2019年2月23日 DApp数据排行榜
  • springboot_database项目介绍
  • Swift 中的尾递归和蹦床
  • 关于字符编码你应该知道的事情
  • 记一次用 NodeJs 实现模拟登录的思路
  • 前端工程化(Gulp、Webpack)-webpack
  • 前言-如何学习区块链
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • # Panda3d 碰撞检测系统介绍
  • #HarmonyOS:基础语法
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • (7)STL算法之交换赋值
  • (免费领源码)Python#MySQL图书馆管理系统071718-计算机毕业设计项目选题推荐
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (一)认识微服务
  • (转载)Linux网络编程入门
  • .NET Core 中插件式开发实现
  • .net 前台table如何加一列下拉框_如何用Word编辑参考文献
  • .net 生成二级域名
  • [ IO.File ] FileSystemWatcher
  • [BZOJ1053][HAOI2007]反素数ant
  • [Deep Learning] 神经网络基础
  • [delphi]保证程序只运行一个实例
  • [E链表] lc83. 删除排序链表中的重复元素(单链表+模拟)
  • [hive] sql中distinct的用法和注意事项
  • [LeetCode] 19. 删除链表的倒数第 N 个结点
  • [office] excel中weekday函数的使用方法 #学习方法#微信#媒体
  • [Oh My C++ Diary]结构体变量的声明
  • [one_demo_13]ArrayList去除重复的元素
  • [one_demo_3]漩涡递增矩阵