需求場景 在前端開發中，偶爾需要驗證下某個元素上到底綁定了哪些事件，以及監控某個元素上的事件觸發情況。 解決方案 普通操作 之前面對這種情況，一般采取的措施就是在各個事件里寫console.info，然后進行點擊等操作觸發事件，或者在控制台trigger元素上的事件 ...

1、控制台中好用的操作： （1）$_ 表示上一次執行的結果，$0 - $4則代表了最近5個選擇過的DOM節點。 在審查元素時點擊DOM結點樹的節點后，這些被點擊過的節點會被記錄下來，$0會返回最近一次點選的DOM結點，以此類推，$1返回的是上上次點選的DOM節點，最多保存了5個，如果不夠 ...

參考：https://www.cnblogs.com/smartsmile/p/11750833.html ...

打開瀏覽器控制台： js面試題目：https://www.cnblogs.com/7qin/p/9677928.html . js message() View Code jump ...

我們都知道Chrome瀏覽器在控制台可以通過console.log("Hello");輸出調試信息。但是每次打印的內容是黑白的難免有些單調，今天偶然的發現某網站居然能夠打印彩色調試信息。文字是彩色的，背景也是彩色的。於是查看了他的代碼，原來實現起來挺簡單 ...

jquery1.x 版本 控制台輸入 $.cache[$('#clickMe').get(0)[$.expando]].events 輸出元素上綁定的事件 jquery1 , jquery2 版本 （ $._data會在jquery2之后的新版本中廢除 ） 控制台輸入 $._data ...

這篇文章是根據目前 chrome 穩定版(19.0.1084.52 m)寫的，因為 google 也在不斷完善chrome developer tool，所以 chrome 版本不同可能稍有差別. 一些快捷鍵也是 windows 上的，mac 下的應該大同小異 ...

大家有沒有遇到這樣的一個問題，我們在分析一些大型電子商務平台的Web前端腳本時，想找到一個元素綁定的點擊事件，並不是那么容易，因為有些前端腳本封裝的比較隱蔽，甚至有些加密腳本，用傳統的查找元素ID、或者頁面源碼方法去找，可能最后徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件 ...