龙空技术网

调试过很多次bug,你了解Chrome控制台的$符的用法吗?

Owen大前端时代 270

前言:

眼前你们对“css控制台”大体比较讲究,你们都需要知道一些“css控制台”的相关资讯。那么小编在网摘上网罗了一些对于“css控制台””的相关文章,希望小伙伴们能喜欢,你们快快来学习一下吧!

我们在Chrome控制台中进行的操作其实是调用了 Chrome Command Line API。这个API主要完成选择和检查DOM元素,显示数据,执行函数以及监控DOM事件等任务。需要注意的是,这个API只能通过Chrome控制台调用,不能通过网页的脚本调用。

了解到这里,大家就明白了在控制台中用$查找元素和页面一毛钱关系也没有,也不是jQuery的选择器。顺便介绍一下 Chrome Command Line API有哪些接口。

$(selector)

返回带有指定的 CSS 选择器的第一个 DOM 元素的引用。此函数等同于 document.querySelector() 函数。$是Chrome定义的一个别名,实际就是document.querySelector()。

注意: 如果页面中使用了jQuery或者其他脚本对 $ 进行了重写,那么 $ 会被覆盖。执行的结果将是jQuery或其他脚本的结果。

$$(selector)

返回与给定 CSS 选择器匹配的元素数组。此命令等同于调用 document.querySelectorAll()。

$x(xpath)

返回一个与给定 XPath 表达式匹配的 DOM 元素数组。

clear()

清除其历史记录的控制台。

copy(object)

将指定对象的字符串表示形式复制到剪贴板。

$_

返回最近评估的表达式的值。

标签: #css控制台