Chrome开发人员工具 - console.log本机代码JS

Question

我试图按照本教程进行操作：

https://www.youtube.com/watch?v=2zmUSoVMyRU

在开始时，他在控制台中输入命令，例如

$('a')

似乎返回了dom中的所有标签。 当我在我的网站上这样做时，我得到

TypeError: $ is not a function(…)

我在运行console.log作为命令时也得到了这个

function Function() { [native code] }

我想知道是否有一些我用dev工具完全遗漏的东西，或者我的网站覆盖console.log函数可能会有问题（我使用wordpress）？

在底部还有一个评论，用户遇到类似的问题（未定义的错误），但似乎他们没有解决它。

Answer 1

像这样使用。它可以显示dom中的所有标签

$$('a')

Answer 2

Chrome开发工具的快速替代方案就是使用：

$$('a')

只是添加一个解释：$（'a'）正在使用jquery库，它是你必须包含在你站点中的一块JS。因此，如果网站包含jquery，它将仅适用于开发工具。在你的情况下，它不起作用。

$$是内置在chrome dev工具上的内容，如果你的网站中包含jquery，它将始终有效，无论如何。

关于console.log你不能只输入'console.log'，你必须像这样使用它：console.log（'log my message'）;

所以它需要是一个函数调用，你传递一个你想在chrome dev工具控制台上打印出来的字符串参数