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

Question

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

Answer 1

您可以发现 运行 异步代码或多线程代码的区别。

Step into: DevTools假设你想在异步代码中暂停 最终运行

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

考虑这个例子：

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

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

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

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

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