返回顶部
首页 > 资讯 > 前端开发 > node.js >JavaScript有哪些断点类型
  • 940
分享到

JavaScript有哪些断点类型

2024-04-02 19:04:59 940人浏览 薄情痞子
摘要

小编给大家分享一下javascript有哪些断点类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

小编给大家分享一下javascript有哪些断点类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

JavaScript中断点的类型:1、Sources断点;2、Debugger断点;3、DOM断点,即在DOM元素上添加断点,进而达到调试的目的;4、XHR断点;5、事件监听器断点。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js断点分类

1、JS断点

(1)Sources断点

  Sources断点添加的流程是“F12(Ctrl + Shift + I)打开开发工具”——“点击Sources菜单”——“左侧树中找到相应文件”——“点击行号列”即完成在当前行添加/删除断点操作。当断点添加完毕后,刷新页面JS执行到断点位置停住,在Sources界面会看到当前作用域中所有变量和值,只需对每个值进行验证即可完成我们题设验证要求

  在Sources里还可以设置条件断点,在断点位置的右键菜单中选择“Edit Breakpoint...”可以设置触发断点的条件,就是写一个表达式,表达式为 true 时才触发断点。

(2)Debugger断点

  Debugger断点的添加就是通过在代码中添加"debugger;"语句,当代码执行到该语句的时候就会自动断点

2、DOM断点

DOM断点,顾名思义就是在DOM元素上添加断点,进而达到调试的目的。而在实际使用中断点的效果最终还是落地到JS逻辑之内。

DOM断点添加方式:Elements-右击element元素-Break on-选择断点

(1)subtree modifications 子节点变化断点

主要针对子节点增加、删除以及交换顺序等操作,但子节点进行属性修改和内容修改并不会触发断点

(2)attributes modifications 节点属性断点

(3)node removal 节点移除断点

3、XHR断点

XHR Breakpoints

顾名思义,当异步请求发送的url满足断点条件时,触发的断点

断点方式:sources- XHR/fetch Breakpoints -"+"-编辑断点条件

4、事件监听器断点

事件监听器断点,即根据事件名称进行断点设置。当事件被触发时,断点到事件绑定的位置。事件监听器断点,列出了所有页面及脚本事件,包括:鼠标、键盘、动画、定时器、XHR等等。(位置一般在sources的XHR/fetch Breakpoints下方)

以上是“JavaScript有哪些断点类型”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: JavaScript有哪些断点类型

本文链接: https://lsjlt.com/news/88194.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript有哪些断点类型
    小编给大家分享一下JavaScript有哪些断点类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • JavaScript属性节点有哪些类型
    本篇内容介绍了“JavaScript属性节点有哪些类型”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • JavaScript中有哪些dom节点类型
    本篇文章为大家展示了JavaScript中有哪些dom节点类型,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。JavaScript的特点1.JavaScript主要用来向HTML页面添加交互行为。2....
    99+
    2023-06-14
  • JavaScript判断数据类型的方式有哪些
    这篇文章主要介绍“JavaScript判断数据类型的方式有哪些”,在日常操作中,相信很多人在JavaScript判断数据类型的方式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript判断数...
    99+
    2023-07-05
  • javascript中有哪些类型
    这篇“javascript中有哪些类型”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jav...
    99+
    2024-04-02
  • Eclipse中断点类型的应用场景有哪些
    调试程序:在代码中设置断点可以帮助开发人员调试程序,可以在断点处查看变量的值、程序的执行流程等信息,帮助定位程序中的问题。 ...
    99+
    2024-04-03
    Eclipse
  • javascript的值有哪些类型
    这篇文章主要介绍“javascript的值有哪些类型”,在日常操作中,相信很多人在javascript的值有哪些类型问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javasc...
    99+
    2024-04-02
  • javascript对象类型有哪些
    这篇文章主要介绍“javascript对象类型有哪些”,在日常操作中,相信很多人在javascript对象类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javasc...
    99+
    2024-04-02
  • JavaScript变量有哪些类型
    本篇内容主要讲解“JavaScript变量有哪些类型”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript变量有哪些类型”吧! ...
    99+
    2024-04-02
  • javascript变量类型有哪些
    javascript中变量的类型有:1.值类型,赋值操作后会重新创建内存空间;2.引用类型,赋值操作后不会创建新的内存空间;javascript中变量的类型有以下两种值类型javascript中值类型是指在赋值操作后会重新创建内存空间,其占...
    99+
    2024-04-02
  • javascript原始类型有哪些
    javascript中的原始类型有:1.number,数值对象;2.string,字符串对象;3.boolean,布尔对象;4.undefined,未定义类型;5.null,空类型;6.symbol,唯一标识符;javascript中的原始...
    99+
    2024-04-02
  • javascript的值类型有哪些
    javascript中的值类型有:1.string,字符串类型;2.number,数字类型;3.boolean,布尔类型;4.null,空类型;5.undefined,未定义类型;javascript中的值类型有以下几种stringjava...
    99+
    2024-04-02
  • JavaScript有哪些数据类型
    JavaScript有哪些数据类型?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。number类型值包括整数、浮点数、NaN、Infinity等。其中NaN类型是js中唯一不等于...
    99+
    2023-06-15
  • JavaScript变量和数据类型知识点有哪些
    本文小编为大家详细介绍“JavaScript变量和数据类型知识点有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript变量和数据类型知识点有哪些”文章能帮助大家解决疑惑,下面跟着小编的思...
    99+
    2024-04-02
  • golang中有哪些类型的断言
    golang中有哪些类型的断言?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。package mainimport ("github...
    99+
    2023-06-15
  • javaScript引用类型与基本类型有哪些
    这篇文章主要讲解了“javaScript引用类型与基本类型有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javaScript引用类型与基本类型有哪些”吧!  1. 概念:  基本类型也...
    99+
    2023-06-04
  • javascript中有哪些数值类型
    本篇内容主要讲解“javascript中有哪些数值类型”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript中有哪些数值类型”吧! ...
    99+
    2024-04-02
  • javascript都有哪些事件类型
    本篇内容介绍了“javascript都有哪些事件类型”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • JavaScript数据类型都有哪些
    这篇文章将为大家详细讲解有关JavaScript数据类型都有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1、基本JavaScript数据类型在Java...
    99+
    2024-04-02
  • javascript的错误类型有哪些
    这篇文章主要介绍“javascript的错误类型有哪些”,在日常操作中,相信很多人在javascript的错误类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作