google-chrome - Chrome 开发工具中的新调试图标 "Step F9"

标签 google-chrome google-chrome-devtools

那么这实际上是做什么的?

enter image description here

我搜索了 Chrome 开发工具的发行说明,但找不到它的踪迹。那里的教程都没有提到它,所以我猜它是新的。

用一些代码进行实验,我的行为似乎与“Step Into”相同,但找不到区别。

最佳答案

他们更改了现有的“步入”按钮,因此现在它将步入异步函数(例如 setTimeout)。

因此,这个新的“Step F9”按钮的工作方式与旧的“step into”按钮的工作方式相同,它将跳过异步函数并进入下一行。

来自 google 的此页面有一个漂亮的动画 GIF,直观地解释了上述内容

https://developers.google.com/web/updates/2018/01/devtools#async

关于google-chrome - Chrome 开发工具中的新调试图标 "Step F9",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51608073/

相关文章:

javascript - 移动浏览器关闭浏览器时不触发 `beforeunload`/`onload`

javascript - keyup 事件上的 preventDefault() 不起作用

css - Chrome 自动刷新 css/less 更改

javascript - 拦截 GET 请求并重定向到生成的文件

javascript - 如何查看 JS 在 Chrome 开发工具或 Firefox 开发工具中改变了我元素的样式?

javascript - 位置在 Firefox 中工作良好,但在其他浏览器中不起作用

html - Chrome 自动格式化 input=number

css - mixin 中的媒体查询被覆盖

webpack - 如何在DevTools中查看webpack生成的文件

css - 没有父元素的 100% 宽度