Chrome擴展程序的內容腳本中的jQuery：input選擇器

Question

我正在嘗試在內容腳本中執行此操作

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

我得到

未捕獲的SyntaxError：無法在'Document'上執行'querySelectorAll'：'：input'不是有效的選擇器。

Answer 1

發生錯誤是因為您的內容腳本中似乎沒有jQuery。 但是，在Chrome開發者控制台中， $是document.querySelector方法的內置符號快捷方式。

因此，當您運行$(':input')它等效於document.querySelector(':input') ，它當然會拋出上述異常，因為:input不是有效的CSS選擇器。