断点 : 在Sources中点击行数符号可以打断点。

總結打斷點三種方法

原來可以貼上去存檔

可以在這邊打代碼直接看結果！

然後貼回去

可以scope

根console刊當下環境得變數

可以事件監聽帶斷電

也可以行數打斷電

可以打debugger

然後最長按是右邊那個step

1.conso.log()

2.debugger

3.恢复脚本执行、跳过下一个函数的执行、进入到下一个函数的执行、跳出函数、单步执行

4.调用的栈、断点、异步请求的断点、DOM断点、global listeners、事件监听断点

5.打断点

6.addend1和addend2都是string类型

断点调试代码Debugging

• 传统的console.log()或alert()打印运行时信息调试

  需要在源代码和执行页面中切换执行.步骤繁琐不方便

• JS断点调试

  1)代码加 debugger:内置断点语句

  
  

  1⃣️恢复脚本执行2⃣️跳过下一个函数的执行3⃣️进入下一个函数的执行4⃣️跳出函数5⃣️单步执行

  

  2)1⃣️调用的栈2⃣️断点3⃣️异步请求断点4⃣️DOM断点5⃣️事件监听断点

• 3)代码行数点击断点

  

  Scope:展示当前作用域下的值:

  
  

• 运行时变量调试,修改源代码临时保存调试

  直接在源代码区域中编辑代码,保存

  

event listener  获取点击/滑过等的事件监听

1. 源程序加入console.log alert调试

2. 源程序加入debugger断点

3. 监听事件

4. 控制台中设置断点

js单步调试

调试js:

• console.log()

• 断点

debugger方式

source面板    对应的按钮 查英文,搞懂意思!

这节是个重点，后期多多学习?