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

来源：互联网 2023-03-16 23:58:22 版权归原作者所有，如有侵权，请联系我们

本经验介绍在Firefox调试js开发中，如何在断点上下文运行代码。

应用场景如：在断点处保存或者修改变量，在断点处运行一些东西。

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

工具/原料

首先，以在一个event的处理函数中，下断点为例。点击如图的图标，跳转到代码所在文件。

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

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

点击代码文件左下角的美化代码按钮，然后在新开的窗口中，对应代码左侧行号点击一下，即可下断点。

普通断点呈现蓝色。

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

为了筛选断点中断的条件，可以在右侧断点栏目下方，右键该断点，添加条件。

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

然后，断点命中之后，在右侧有监视表达式功能，点击加号添加监视表达式。

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

如果要再断点处执行代码，输入的表达式即要执行的代码即可。表达式可以比较复杂，有循环判断什么的都没问题。

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

此时断点仍处于命中状态，鼠标放在局部变量上，可以看到刚才执行的代码已经生效，变量值被改变。

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

然后回到监视表达式面板，点击x删除表达式（否则下次命中断点会自动计算），双击表达式修改添加的代码。

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

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！