在浏览器中调试 JavaScript

在浏览器中调试 JavaScript在本教程中 您将借助示例了解 JavaScript 中的调试

1.使用console.log()

console.log(object/message); 
let a = 5; let b = 'asdf'; let c = a + b; // if you want to see the value of c console.log(c); // then do other operations if(c) { // do something } 

    在浏览器中使用 console.log() 方法会在调试器窗口中打开值。

在这里插入图片描述


console.log() 方法在浏览器中的工作原理

    console.log() 不是特定于浏览器的。它也可用于其他 JavaScript 引擎。

2.使用调试器

let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c); 

    让我们看看如何在 Chrome 浏览器中使用调试器。

在这里插入图片描述
    上述程序在包含 debugger 的行中暂停程序的执行。
然后,您可以在检查程序后恢复流控制。
    在控制台中按 play 键恢复脚本时,将执行其余代码。


在这里插入图片描述


调试器在浏览器中的工作原理

3.设置断点

在这里插入图片描述


在浏览器中处理断点

    上一教程 :JS Regex                                         

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/debugging

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233996.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 面试扫码登记怎做的_无面试官扫码记录

    面试扫码登记怎做的_无面试官扫码记录真实面试场景——扫码登录如何实现?理解三端关系是关键。

    2025年7月10日
    3
  • java使用多线程导出excel「建议收藏」

    java使用多线程导出excel「建议收藏」前言在一个业务中,需要将数据库的一张日志表导出到excel中做统计分析归类,由于单表的数据量特别大,发现在最终导出excel的时候,由于数量太大,导出速度特别慢,想了一些办法,不管使用何种API,单线程始终是操作的瓶颈,因此最终考虑使用多线程进行改善总体思路:1、数据总量分段2、每个线程处理不同分段的数据3、提交线程池下面来看具体的代码,为测试方便,这里直接使用一个测试接口进行调用,…

    2022年5月5日
    819
  • DelphiXE7取代默认的ActionList编辑器

    DelphiXE7取代默认的ActionList编辑器DelphiXE7取代默认的ActionList编辑器。其他XE版本应该可以用。Delphi5或7需要修改代码。默认的编辑器只能看到Action的名称,不能看到标题,因此做了这个编辑器。增加了以下功能:1、ListView显示Action的标题,图标,快捷键。2、Action自动命名的尾部序号宽度为3位数字。3、快速选择标准Action。4、收藏Action。代码修改自ECont…

    2022年8月30日
    5
  • python基础(9)增强型赋值与使用普通赋值的区别

    python基础(9)增强型赋值与使用普通赋值的区别前言增强型赋值语句是经常被使用到的,因为从各种学习渠道中,我们能够得知i+=1的效率往往要比i=i+1更高一些(这里以+=为例,实际上增强型赋值语句不仅限于此)。所以我们会乐此不

    2022年7月28日
    5
  • ArrayList扩容后原有数组是如何处理的?「建议收藏」

    ArrayList扩容后原有数组是如何处理的?「建议收藏」查看源码可知道ArrayList扩容是调的Sytem.arrayCopy方法最终查看arraycopy方法发现调用的是c的本地方法:上网查看了下c语言的数组扩容:c语言使用free(oldarray)来释放原数组的内存。…

    2022年5月29日
    48
  • 联想笔记本如何开启VT虚拟化技术?_联想拯救者怎么进入bios

    联想笔记本如何开启VT虚拟化技术?_联想拯救者怎么进入bios虚拟化技术支持,需几个方面的条件支持:芯片组自身支持、BIOS提供支持、处理器自身支持、操作系统支持。操作系统方面,主流操作系统均支持VMM管理,因此无需考虑。而芯片组方面,从Intel945(

    2022年8月4日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号