如何在多幀網頁中設置斷點後運行網頁？

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?。

目前這看起來是這樣的：

你想要麼第一個選項（單獨的窗口）或第三個選項（碼頭底部）。