单步执行代码

一旦你在断点处暂停执行,你可能希望逐行执行以观察发生的情况。打开浏览器的开发人员工具 ,查找执行控制图标。 (此示例使用 Google Chrome 中的图标,但在其他浏览器中它们会相似。)

StackOverflow 文档 恢复: 取消暂停执行。Shorcut :( F8 Chrome,Firefox)

StackOverflow 文档 跳过: 运行下一行代码。如果该行包含函数调用,则运行整个函数并移至下一行,而不是跳转到定义函数的任何位置。快捷方式:( F10 Chrome,Firefox,IE / Edge),F6 (Safari)

StackOverflow 文档 单步执行: 运行下一行代码。如果该行包含函数调用,则跳转到该函数并在那里暂停。快捷方式:( F11 Chrome,Firefox,IE / Edge),F7 (Safari)

StackOverflow 文档 Step Out: 运行当前函数的其余部分,跳回到调用函数的位置,然后在那里的下一个语句处暂停。快捷方式: Shift + F11 (Chrome,Firefox,IE / Edge),F8 (Safari)

将它们与调用堆栈结合使用,它将告诉你当前所在的函数,调用该函数的函数,等等。

有关更多详细信息和建议,请参阅 Google 关于 如何逐步执行代码 的指南。

浏览器快捷键文档的链接: