jquery - 如何在谷歌浏览器扩展页面操作background.js中使用jquery？

Question

我正在开发一个“页面操作”谷歌浏览器扩展。我的 list 有:

...
"background": { "scripts": ["background.js"] },
...

在我的background.js 文件中，我有:

function doSomething() {
     alert("I was clicked!");
}

chrome.pageAction.onClicked.addListener(doSomething);

这有效。现在，在我的 doSomething 函数中，我想读取当前页面上的一些数据。使用 jquery 读取数据对我来说会容易得多，这样我就可以轻松地定位我想要的确切数据。如何合并 jquery(最好由 google 的 CDN 提供)以便我的 doSomething 函数可以访问它？

Answer 1

"background"规范manifest.json应指定 jquery.js以便它在 background.js 之前加载:

...
"background": { "scripts": ["jquery.js","background.js"] },
...

这应该可以完成工作。
请记住，js 文件是按照指定的顺序加载的。

测试 jquery 是否已加载。

在background.js

if (jQuery) {  
    // jQuery loaded
} else {
    // jQuery not loaded
}