1. 選擇 DOM 元素
Chrome 控制臺可以直接像使用 jQuery 一樣挟伙，用 $ 符選擇元素：如 $('.class') 、$('#id') 等。
2. 將瀏覽器轉(zhuǎn)換為編輯器
document.body.contentEditable = true
可編輯文本
3. 查找與DOM中的元素關(guān)聯(lián)的事件
getEventListeners($(‘selector’))
返回一個對象數(shù)組莺掠，其中包含綁定到該元素的所有事件。
要找到特定事件的偵聽器：
getEventListeners($(‘selector’)).eventName[0].listener
4. 監(jiān)控事件
-
monitorEvents($(‘selector’))將監(jiān)視與選擇器的元素關(guān)聯(lián)的所有事件读宙，然后在它們被觸發(fā)時將它們打印到控制臺彻秆。例如，monitore($(#firstName))將打印 ID 為firstName元素的所有事件结闸。 -
monitorEvents($(‘selector’),’eventName’)將打印與元素綁定的特定事件唇兑。 你可以將事件名稱作為參數(shù)傳遞給函數(shù)。 這將僅記錄綁定到特定元素的特定事件膀估。 例如幔亥，monitorEvents($(‘#firstName’),’click’)將打印綁定到ID為'firstName'的元素的所有click事件。 -
monitore($(selector)察纯，[eventName1, eventName3'， .])將根據(jù)需求記錄多個事件针肥。與其傳遞單個事件名作為參數(shù)饼记，不如傳遞包含所有事件的字符串數(shù)組。例如monitore($(#firstName)慰枕，[click, focus])將記錄與 IDfirstName元素綁定的click事件和focus事件具则。 -
unmonitorevent ($(selector)):這將停止監(jiān)視和打印控制臺中的事件。
