js调试笔记

js调试方法很多,今天总结一下最实用的的断点方法:

debugger断点

这个很常见,但许多人不知道其实可以添加条件判断

if(something){debugger;}

 

source断点

这个最为常见,不做过多解释,具体说一下几个重要图标:

恢复脚本执行至下一个断点

跳到下一行

进入当前函数

跳出当前函数

开启/关闭断点

异常情况下自动断点

其中 "进入当前函数"和"跳出当前函数"容易混淆,其实大多数情况下两者区别不大,区别在于:如果当前断点语句是一个函数执行语句,例如a();,"进入当前函数"会进入其函数体,跳出当前函数则不会。

 

DOM断点

选择dom元素,右键break on,即可选择subtree modifications(子节点树发生改变)、attribution modifications(属性发生改变)、node removal(节点移除),添加节点,可在Source-->DOM Breakpoints或者Element-->DOM Breakpoints内查看

 

 

事件监听(event listener)断点

Source-->Event Listener Breakpoints中可查看事件监听断点,在checkbox内打钩即可监听页面里所有的相应事件

 

XHR断点

我们可以通过Source-->XHR Breakpoints"右侧的"+"号为异步断点添加断点条件,当异步请求触发时的URL满足此条件,JS逻辑则会自动产生断点。

 

转载于:https://www.cnblogs.com/yanze/p/8021899.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/252725.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JAVA Spring 事物 ( 已转账为例 ) 基于 AOP 注解

<一> 配置为文件 <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http://www.springframework.org/schema/beans"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns:context"http://www.springf…

全球视频监控设备市场规模分析

权威电子行业研究机构IHS Research发布《中国CCTV与视频监控设备市场研究报告》显示&#xff0c;2014年全球视频监控设备市场143亿美元&#xff0c;同比增长14.2%。欧洲、美洲、亚洲都增长低于预期;中国增长高于预期&#xff0c;市场总量达57.1亿美元;美国市场虽然出货量在增加…

vue 新窗口打开外链接

背景&#xff1a;vue-router 打开外链接 如果使用 a 标签&#xff0c;会默认加上根路由&#xff0c;导致跳转失效。那么如何让 a 标签点击跳转到新窗口&#xff1f;解决方法&#xff1a;html 代码<a class"a-style" click"linkDownload(https://www.baidu.co…

EasyWeChat微信开放平台第三方平台接入

目录实例化微信服务器推送事件预授权获取预授权 Code获取预授权 URLAPI 列表使用授权码换取公众号的接口调用凭据和授权信息获取授权方的公众号帐号基本信息获取授权方的选项设置信息设置授权方的选项信息调用授权方 API实例化<?phpuse EasyWeChat\Foundation\Application;…

201521145048《Java程序设计》第11周学习总结

1. 本周学习总结 1.1 以你喜欢的方式&#xff08;思维导图或其他&#xff09;归纳总结多线程相关内容。 2. 书面作业 本次PTA作业题集多线程 Q1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) 1.1 除了使用synchronized修饰方法实现互斥同步访问&#xff0c;还有什…

修改chrome记住密码后自动填充表单的背景

2019独角兽企业重金招聘Python工程师标准>>> input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: rgb(250, 255, 189); /* #FAFFBD; */background-image: none;color: rgb(0, 0, 0); } 转载于:https://my.oschina.net…

2018年我国视频监控市场趋势:智能视频分析进入规模化

在安防领域中&#xff0c;视频监控无疑是不可缺少的一环。我国是全球视频安防行业增速最快的国家之一&#xff0c;近年来我国的视频监控市场经历了持续强劲的发展。我国视频监控市场的高速增长反映了对个人安全及财产保护的担忧增加。为解决该担忧&#xff0c;公司及个人机构大…

RUP,XP,敏捷原理

①RUP-- RUP&#xff08;Rational Unified Process&#xff0c;统一软件开发过程&#xff0c;统一软件过程)是一个面向对象且基于网络的程序开发方法论。 根据Rational(Rational Rose和统一建模语言的开发者)的说法&#xff0c;好像一个在线的指导者&#xff0c;它可以为所有方…

1001. A+B Format (20)---------------PAT开始

今天是第一次用Java提交PAT的代码&#xff1a; 源代码不能直接提交&#xff0c;需要经过修改&#xff1a; 源代码&#xff1a; 1 package test;//提交时不能显示这句2 3 import java.util.Scanner;4 5 public class Test_1001 {//提交时名字要改成Main6 public static void…

第一篇:SpringCloud 构建微服务系统之服务注册和发现(consul)

版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 https://blog.csdn.net/u010046908/article/details/85260629 今天我们要学习的是consul在soringcloud中的使用。首先学习consul之前&#xff0c;我们应该看看consul的官网&#xff0c;对它有一个初…

2018 年视频监控企业竞争力分析 海康威视连续七年蝉联全球第一

视频监控是安防行业的核心 近年来&#xff0c;随着我国政府对平安城市、" 雪亮工程 " 以及金融和交通运输等领域的重视&#xff0c;对于安防产品的需求不断提升&#xff0c;安防市场规模也在随之不断扩大。视频监控是整个安防系统最重要的物理基础&#xff0c;视频监…

java 二维数组

二维数组 多维数组可以简单地理解为在数组中嵌套数组 二维数组的定义格式 二维数组的定义有很多方式 第一种方式 1 int[][] arr new int[3][4]; 上面的代码相当于定义了一个3*4的二维数组&#xff0c;即二维数组的长度为3&#xff0c;二维数组中的每个元素又是一个长度为4的数…

Ambient occlusion

https://en.wikipedia.org/wiki/Ambient_occlusion https://gamedev.stackexchange.com/questions/23/what-is-ambient-occlusion http://people.mpi-inf.mpg.de/~ritschel/Papers/SSDO.pdf 注解&#xff1a; 论文&#xff08;http://people.mpi-inf.mpg.de/~ritschel/Papers/S…

利用RTL2832u电视棒芯片追踪民航飞机轨迹

我国民航飞机通讯的频率为1090Mhz&#xff0c;而rtl2832u电视棒芯片可以接受的频率范围为24 – 1766 MHz&#xff08;通过改制Q通道可以接收0-30Mhz的短波&#xff09;下面开始介绍利用rtl2832u电视棒芯片获取民航航线 第一步淘宝搜索rtl2832u820T(50块钱就能买到) <ignore_…

预见2019:《2019年中国视频监控产业全景图谱》(附产业布局、政策环境、市场规模、发展趋势)

2019-2024年中国视频监控设备行业市场需求预测与投资战略规划分析报告2019-2024年中国安防行业市场前瞻与投资战略规划分析报告2019-2024年中国智能安防行业市场前瞻与投资战略规划分析报告2019-2024年中国智能家居设备行业市场前瞻与投资策略规划报告2019-2024年中国城市轨道交…

nginx负载均衡 页面缓存

nginx的upstream目前支持4种方式的分配 1、轮询&#xff08;默认&#xff09; 每个请求按时间顺序逐一分配到不同的后端服务器&#xff0c;如果后端服务器down掉&#xff0c;能自动剔除。 2、weight 指定轮询几率&#xff0c;weight和访问比率成正比&#xff0c;用于后端服务器…

Date扩展 正则匹配

<script>Date.prototype.formatfunction(){var dthis;//严格匹配 yyyy-mm-dd hh-mm-ssvar reg1/yyyy-mm-dd hh-m-s/;//匹配 yyyy*mm*dd hh*mm*ss *为任意一个除\r\n之外的字符 中间为任意多个空格var reg2/y{4}.m{2}.dd\shh.mm.ss/;reg1.test(arguments[0]);reg2.test(a…

终于有人把EMC基础知识总结如此清晰

传导与辐射 电磁干扰(Electromagnetic Interference)&#xff0c;简称EMI&#xff0c;有传导干扰和辐射干扰两种。传导干扰主要是电子设备产生的干扰信号通过导电介质或公共电源线互相产生干扰&#xff1b;辐射干扰是指电子设备产生的干扰信号通过空间耦合把干扰信号传给另一个…

填坑-十万个为什么?(13)

简介:很多概念不清或忘记&#xff0c;重新构建自己的知识体系。每天问自己1~多个问题。我是菜鸟 成为大神之路! 1. 经典面试题 for(var i0;i<3;i){ setTimeout(function() { console.log(i) }, 10);}打印结果&#xff1f;分析&#xff1f; for(var i 0; i < 10; i) {con…

WordPress分类列表函数:wp_list_categories用法及参数详解举例

http://www.511yj.com/wordpress-wp-categories.html 注意&#xff1a; 1、 wp_list_categories() 和 list_cats() 以及 wp_list_cats() 的使用类似&#xff0c;但是后面 2 个已经弃用。 2、如果你希望不格式化输出分类&#xff0c;请使用 get_categories() 3、因为 WordPress …