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

时间:2016-02-18 11:56:37

标签: javascript google-chrome-devtools

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

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

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

$('a')

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

TypeError: $ is not a function(…)

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

function Function() { [native code] }

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

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

2 个答案:

答案 0 :(得分:2)

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

$$('a')

答案 1 :(得分:1)

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

$$('a')

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

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

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

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