根据官方教程学习chrome devtools调试,做下来跟教程不一样?

发布于 2022-09-11 14:47:57 字数 606 浏览 15 评论 0

教程链接https://developers.google.com...

clipboard.png图1
clipboard.png图2

做到教程第 2 步:使用断点暂停代码,返回至演示页面,再次点击 Add Number 1 and Number 2。DevTools 暂停演示并在 Sources 面板中突出显示一行代码。 DevTools 突出显示的是下面这行代码: 如图1

可是,在我的浏览器上面,却是图2的截图,完全不一样啊,不知道是怎么回事?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不…忘初心 2022-09-18 14:47:57

教程里有句话,你注意到没有

If you're paused on a different line of code, press Resume Script Execution Resume Script Execution until you're paused on the correct line.

也就是说你可能需要按一下执行按钮继续跑下去,通常按个一两次就可以停到你想到的那个位置了,因为你的浏览器里可能有些插件也会抓取click事件,并且断点在前,所以多执行下就好了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文