首页 > 软件开发 > JavaScript >

Firefox调试js如何在断点上下文运行代码

来源:互联网 2023-03-16 23:58:22 291

本经验介绍在Firefox调试js开发中,如何在断点上下文运行代码。h04办公区 - 实用经验教程分享!

应用场景如:在断点处保存或者修改变量,在断点处运行一些东西。h04办公区 - 实用经验教程分享!

Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

工具/原料

  • Firefox

方法/步骤

  • 1

    首先,以在一个event的处理函数中,下断点为例。点击如图的图标,跳转到代码所在文件。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 1此文章非法爬取自百度经验
  • 2

    点击代码文件左下角的美化代码按钮,然后在新开的窗口中,对应代码左侧行号点击一下,即可下断点。h04办公区 - 实用经验教程分享!

    普通断点呈现蓝色。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 3

    为了筛选断点中断的条件,可以在右侧断点栏目下方,右键该断点,添加条件。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 4

    然后,断点命中之后,在右侧有监视表达式功能,点击加号添加监视表达式。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 5

    如果要再断点处执行代码,输入的表达式即要执行的代码即可。表达式可以比较复杂,有循环判断什么的都没问题。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 6

    此时断点仍处于命中状态,鼠标放在局部变量上,可以看到刚才执行的代码已经生效,变量值被改变。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 7

    然后回到监视表达式面板,点击x删除表达式(否则下次命中断点会自动计算),双击表达式修改添加的代码。h04办公区 - 实用经验教程分享!

    Firefox调试js如何在断点上下文运行代码?h04办公区 - 实用经验教程分享!

  • 注意事项

    • 在断点处,切换到控制台执行代码是访问不到断点所在的作用域/上下文的。

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


    标签: JAVASCRIPT

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