javascript - 我可以在不设置断点的情况下单步执行浏览器正在解析的所有 JavaScript 代码吗?

标签 javascript debugging firefox google-chrome-devtools

是否有任何方法可以单步执行浏览器正在解析的所有 javascript,而无需手动设置断点?我正在寻找一个简单的“单步执行 javascript”开关,它本质上会在网站使用的每个 javascript 文件中的每一行放置一个断点,以便我可以密切跟踪浏览器解析的整个代码轨迹,在我的闲暇。

郑重声明,我特别希望对事件执行此操作,例如触发对站点进行一系列由 javascript 驱动的更改的单击事件。

最佳答案

这是针对 Chrome 的,我在 Firefox 中找不到等效的功能。

  • 加载页面
  • 打开开发者工具
  • 点击来源面板
  • 在右 Pane 底部,展开“事件监听器断点”
  • 在“脚本”标题下,选中“脚本第一条语句”
  • 重新加载页面
  • 按 F9 或源面板右上角的图标(指向圆圈的箭头,也称为“步骤”)

这将允许您从头到尾手动单步执行浏览器正在解析的所有 JavaScript。请注意,这也会在浏览器扩展使用的任何 js 的第一行暂停。

关于javascript - 我可以在不设置断点的情况下单步执行浏览器正在解析的所有 JavaScript 代码吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46994897/

相关文章:

debugging - 浏览器链接总是要求 "Do you want to stop debugging"

ruby-on-rails - Firefox 不呈现来自 CloudFront 的字体

jQuery 倒计时 Keith Wood 无法在 mozilla 中工作

javascript - 从文件上传列表中删除选定的文件

Javascript 数组只显示最后一个子元素

javascript - 在 Python 和 Javascript 中使用 Selenium 在 Quora 上无限滚动

javascript - 使用显示 : block 时无法获得动画的不透明度

java - 我可以从 Eclipse/IDE 调试器连接到远程机器上的 jsadebugd 进程吗?

bash - bash 的 -v 和 -x 调试选项有什么区别?

internet-explorer - Fiddler 未捕获来自 Firefox 的 Web 请求