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

Question

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

图1
图2

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

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

Answer 1

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

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事件，并且断点在前，所以多执行下就好了。