如何在多帧网页中设置断点后运行网页？

Question

我是一个开始使用chrome开发工具来做一些调试的新手。我碰到这个页面：

http://blittle.github.io/chrome-dev-tools/elements/event-listeners.html

，我想设置“提醒我”脚本中一个破发点。我可以通过任一两种方式来做到这一点：

1. 检查“提醒我”元素，在“元素”选项卡，在“事件监听器”发现“按钮＃点击例如”处理程序，然后'show function definition'来查看代码，并设置断点

2. 在'sources'选项卡中，转到'事件侦听器断点'，转到'鼠标' - >'点击'，并检查它以设置断点

但是，通过上述两种方法之一，在我点击F12调用开发工具后，网页本身（其中c两个帧的onsist）不会再显示'Event Listeners'帧。那么我想如何点击'提醒我'并触发断点呢？

通常，要触发一个断点，我要么执行页面重新加载（F5），要么在开发工具打开时单击页面上的UI元素。但在这种情况下，我卡住了。任何帮助？

非常感谢。

Answer 1

如果关闭开发工具，则无法触发断点。

在您提供的链接上，如果开发工具太宽，则带有“Alert Me”链接的页面部分将不会显示。

你最好的选择是改变开发工具的对接。这是在这篇文章中解释：
How to open the Chrome Developer Tools in a new window?。

目前这看起来是这样的：

你想要么第一个选项（单独的窗口）或第三个选项（码头底部）。