console常用的调试方法

背景

我想在控制台上选中页面上的一些元素，但是这些元素是包裹在 Shadow root 中，就导致我无法在控制台中通过 document.getElementByXxx/document.querySelector/document.querySelectorAll 来获取到其中的 DOM 元素。

然后一位好心人（大佬）告诉我，先选中 Shadow root 中的一个 DOM 元素，然后在控制台中$0就可以拿到我们刚才选中的元素了

但是我，真的是，一脸懵，$0？？$是什么，一个新的语法吗？

然后就是.....尴尬 😅

这位好心人告诉我，$0 是 console 的一个调试的语法，只用于控制台。

所以激起了我的好奇心

我们在 chrome 控制台中用的最多的是$0，$0 是显示当前选择的元素

\$_

$_ 返回的是上一次表达式的值

先执行2+2，返回 4 这个值，再执行$_显示上次的 4 这个值

$0 - $4

$0 $1 $2 $3 $4 返回的是最近 N 次的选择的元素

最常用的就是 $0，返回当前选中的元素

先选中一个元素，$0 返回当前这个元素，再选中其他元素，当前 $0 返回的是新元素，此时 $1 返回的是上一个元素。

clear()

清空控制台

copy(object)

copy 可以直接复制值到剪贴板。ctrl+v 粘贴