2010-11-03 154 views
12

我使用的是Firefox。有沒有什麼能夠讓我看到實時觸發的所有JavaScript事件?在瀏覽器中查看JavaScript事件

+0

這樣的列表將與你可能不關心一百萬鼠標事件被污染。 – mikerobi 2010-11-03 17:00:38

+0

@mikerobi通常不,我不會在意。但我需要調試一些事件問​​題,他們以不同的順序發射。因此,我確實需要在這種情況下看到他們。 – 7wp 2010-11-03 17:05:04

回答

15

您可以右鍵單擊Firebug的HTML選項卡中的元素,然後單擊記錄事件。

然後,您將在控制檯選項卡中看到該元素收到的每個事件。
您甚至可以單擊其中一個來瀏覽event對象的屬性。

+1

這是一個很棒的提示,但是......不幸的是,「日誌事件」設置並沒有「粘住」該元素,這使得記錄頁面加載時(或直接之後)發生的事件是不可能的。有沒有人知道一種方式記錄這些事件? – marcvangend 2011-07-06 09:33:54

+1

@marcvangend:在事件觸發前設置一個JavaScript斷點,然後單擊記錄事件。 – SLaks 2013-08-04 22:29:52

+0

這很好,我不知道Chrome是否有這樣的東西 – 7wp 2013-11-12 06:20:08

3

我幾年來一直在使用Visual Event。這是一個簡單的書籤,意味着您只需將其拖動到書籤中,然後在頁面上單擊,以突出顯示所有JavaScript事件。你也可以隨意觸發事件,並且可能還有更多。使用起來非常簡單直觀,而且完美可以快速找到您要找的內容。試試看:

https://github.com/DataTables/VisualEvent

+0

存在兩種不同版本的Visual Event。我始終將它們放在書籤中: [v1](http://sprymedia.co.uk/article/Visual+Event),[v2](http://sprymedia.co.uk/article/Visual+事件+ 2) – Pino 2016-01-12 09:39:59