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

Question

我正在尝试学习本教程：

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

$('a')

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

TypeError: $ is not a function(…)

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

function Function() { [native code] }

我想知道我在使用开发工具时是否完全遗漏了一些东西，或者我的网站覆盖 console.log 功能（我使用 wordpress）是否可能存在一些问题？

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

Answer 1

使用 like this.It 可以显示 dom

中的所有 a 标签

$$('a')

Answer 2

chrome 开发工具的一个快速替代方法是使用：

$$('a')

只是添加一个解释：$('a') 正在使用 jquery 库，它是您必须包含在站点中的一段 JS。因此，它仅在网站包含 jquery 的情况下才适用于开发工具。在您的情况下，它因此不起作用。

$$ 是 chrome 开发工具中内置的东西，无论 jquery 是否包含在您的网站中，它都会始终有效。

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

所以它需要是一个函数调用，你传递一个字符串参数，你想在 chrome 开发工具控制台

上打印出来

Chrome developer tools - console.log native code JS