浏览器控制台console命令笔记

我在初学Console命令来查询DOM节点时发现有些其他博客的命令不能使用或输出不同，以下笔记的内容在macos的chrome控制台都能正常运行

$_返回最近一次表达式执行的结果

$0 ~ $4 代表了最近5个你选择过的DOM节点


document.querySelector('div .quicktabs-tabs')
document.querySelectorAll('div .class')
$$('a')
jQuery('a')


设置 preserve log


document.body.contentEditable === 'true'


console.log('Window', window, 'body', document.body)


getEventlisteners(document.querySelector('.class'))


monitorEvents(document.querySelector('.class'))
monitorEvents(document.querySelector('.class', ['click', '']))


unmonitorEvents(document.querySelector('.class'))


command + k clear


inspect(document.querySelector('.class'))


$$('a')[3]
document.querySelectorAll('a')[3]
jQuery('a')[3]


inspect($$('a')[3])