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')

)

步骤在第四行暂停(

console.log('outside')

)

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