本文结构
- 本文相关
- Console面板概览
- Message
- Javascript执行环境
- 选择执行环境
- Console中的$符号
- Console下的方法
本文共计:1415字1图
预计阅读时间:2min40s
Console 面板是浏览器的控制台,也是 Devtools 的灵魂。
可以通过设置->Show Console drawer或者Esc 快捷键让 Console 在每个面板都能显示。
可以通过左上的下拉列表,选择不同的执行环境
top 是最外层的顶级页面,其他的是 iframe 子页面
默认情况下
(window === self) === self.window;
//top.window是顶级页面top的全局变量window
(((window === self) === self.window) === top) === top.window;
$
符号:$0
,获取当前在 Elements 面板所选中的元素节点$
在当前页面没被占用,可以用来替代 document.querySlector 方法使用能直接返回数组(Array)
$_
可以引用上一次执行的结果$i
方法引入 npm 中的库console.log()
(当然 console.log 也有特别一点的用法)queryObjects(Object); //返回所有object对象
queryObjects(Function); //返回所有函数
queryObjects(Array); //返回所有数组
- END -