如何在JavaScript代码中进行断点调试

 时间:2026-04-22 05:17:01

1、打开谷歌浏览器,访问项目地址,按F12,找到sources,及请求的方法页面,如图

如何在JavaScript代码中进行断点调试

2、找到请求方法,在右侧打开的页面中,找到要调试的js,在调试单击左键,就已经在所在行添加上了断点,如图

如何在JavaScript代码中进行断点调试

3、断点调试图标介绍,快捷键F8是执行到最后一步,F10执行下一步,ctrl+F8禁用断点

如何在JavaScript代码中进行断点调试

4、进入断点利用F10调试,当鼠标悬浮在变量上的时候可以查看到变量的值,如图

如何在JavaScript代码中进行断点调试

5、在调试代码中单击右键,会出现很多选项,感兴趣的可以去自己去学习下,例如“Evaluate in Console”可以用鼠标选择想要查看的变量或表达式,然后右键菜单执行“Evaluate in Console”,就可以看到该表达式的当前的值了。

如何在JavaScript代码中进行断点调试

6、js断点的简单调试本文就介绍到这里里,希望广大初学者在实际的应用中不断的深入学习.

如何在JavaScript代码中进行断点调试

  • OneNote电子笔记本:轻松提取图片中的文字
  • 天天躲猫猫3第三关过关攻略
  • 如何使用phpMyAdmin显示表数据图表
  • 办公室一族的手指运动方法
  • 如何玩转宿迁三台山梨兰会,赏花指南请收好!
  • 热门搜索
    平安树的养殖方法和注意事项 鼻头怎么缩小 现代诗歌大全100首 姿势大全 螨虫过敏症状怎么治 列数字说明方法的作用 旅行箱密码忘了怎么办 养生方法 家常凉菜菜谱大全 斑是怎么形成的