Google Chrome 开发者工具中的 Step 和 Step Into 有什么区别？

Question

Google Chrome 开发者工具中的“Step”和“Step into”有什么区别？我什至在文档https://developers.google.com/web/tools/chrome-devtools/javascript/step-code 中找不到它

Answer 1

您可以在运行异步代码或多线程代码时发现差异。

步入：DevTools 假设您希望在最终运行的异步代码中暂停

步骤：DevTools 在代码中按时间顺序运行时暂停

考虑这个例子：

setTimeout(() => {
    console.log('inside')
}, 3000);
console.log('outside')

在第一行 ( setTimeout(() => {)的断点处停止后。

步入：它等待 3 秒并停在第 2 行 ( console.log('inside'))

Step停在第 4 行 ( console.log('outside'))

链接到文档：https : //developers.google.com/web/updates/2018/01/devtools#async