一探前端开发中的JS调试技巧

Event Listener Breakpoints

既然除了设置断点的方法不一样，功能和Sources面板添加断点效不雅一样，那么为什么还会存在这种方法呢?我想原因应当是如许的：我们在开辟中有时会碰到异步加载html片段(包含内嵌JS代码)的情况，而这部分JS代码在Sources树种无法找到，是以无法直接在开辟对象中直接添加断点，那么如不雅想给异步加载的脚本添加断点，此时”debugger;”就发患咀用了。我们直接经由过程gif图看看他的效不雅：

事宜监听器断点，即根据事宜名称进行断点设置。当事宜被触发时，断获得事宜绑定的地位。事宜监听器断点，列出了所有页面及脚本领件，包含：鼠标、键盘、动画、准时器、XHR等等。极大年夜的降低了事宜方面营业逻辑的调试难度。

演示实例演示了当click事宜被触发时和当setTimeout被设置时的断点效不雅。实例显示，被选中click事宜断点之后，两个按钮的被点击时都触发了断点，而当setTimeout被设置时，“Set Timer”断点被触发。

调试，是在项目开辟中异常重要的环节，不仅可以赞助我们快速定位问题，还能节俭我们的开辟时光。闇练控制各类调试手段，定当为你的职业成长带来诸多好处，然则，在如斯多的调试手段中，若何选择一个合适本身当前应用处景的，这须要经验，须要赓续测验测验积聚。

【编辑推荐】

80%应聘者都不合格的JS面试题
JS中的二进制操作简介
应用Visual Studio Code对Node.js进行断点调试
JS断点调试心得
经由过程 Node.js, Express.js 实现 HTTP/2 Server Push

【义务编辑：枯木 TEL：（010）68476606】

3/3 首页上一页 1 2 3

　　推荐阅读

　　从机器学习谈起

下图是机械进修所牵扯的一些相干范围的学科与研究范畴。在本篇文┞仿中，我将对机械进修做个概要的介绍。本文的目标是能让即便完全不懂得机械进修的人也能懂得机械进修，并且上手相干的实>>>详细阅读

本文标题：一探前端开发中的JS调试技巧

地址：http://www.17bianji.com/lsqh/34960.html

1/2 1