jQuery的：在Chrome浏览器扩展的内容脚本输入选择

Question

我试图做到这一点的内容脚本

console.log('Found ' + $(':input').length + 'inputs'); 

我也得到

Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Document': ':input' is not a valid selector.

Answer 1

错误发生，因为你似乎并不具备jQuery在您的内容脚本中可用。但是，在Chrome开发者控制台中，$是document.querySelector方法的内置符号快捷方式。

所以，当你运行$(':input')它相当于document.querySelector(':input')这当然引发异常之上，因为:input不是有效的CSS选择器。