首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:57:20 版权归原作者所有,如有侵权,请联系我们

在项目中我们经常要对js代码进行代码调试,这样我们能快速准确的找到出现问题的地方进而进行修改,本文以谷歌浏览器为例来简述断点调试,本文旨在帮助一些java初学者,如果是技术大牛可自动忽略。9HO办公区 - 实用经验教程分享!

工具/原料

  • java项目 谷歌浏览器

方法/步骤

  • 1

    打开谷歌浏览器,访问项目地址,按F12,找到sources,及请求的方法页面,如图9HO办公区 - 实用经验教程分享!

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 2

    找到请求方法,在右侧打开的页面中,找到要调试的js,在调试单击左键,就已经在所在行添加上了断点,如图9HO办公区 - 实用经验教程分享!

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 3

    断点调试图标介绍,快捷键F8是执行到最后一步,F10执行下一步,ctrl F8禁用断点9HO办公区 - 实用经验教程分享!

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 4

    进入断点利用F10调试,当鼠标悬浮在变量上的时候可以查看到变量的值,如图9HO办公区 - 实用经验教程分享!

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 5

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

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 5此文章未经许可获取自百度经验
  • 6

    js断点的简单调试本文就介绍到这里里,希望广大初学者在实际的应用中不断的深入学习.9HO办公区 - 实用经验教程分享!

    如何在JavaScript代码中进行断点调试9HO办公区 - 实用经验教程分享!

  • 注意事项

    • 断点调试,一定要找准调试的位置进行断点设置.

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9HO办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号