如何在chrome扩展中使用jQuery？

2024-06-06 06:52| 来源: 网络整理| 查看: 265

我正在写一个chrome扩展。我想在我的扩展中使用jQuery。我没有使用任何背景页面，只是一个背景脚本。

以下是我的文件：

manifest.json

代码语言：javascript复制{ "manifest_version": 2, "name": "Extension name", "description": "This extension does something,", "version": "0.1", "permissions": [ "activeTab" ], "browser_action": { "default_icon": "images/icon_128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" } }

我的background.js文件只运行另一个名为work.js的文件

代码语言：javascript复制// Respond to the click on extension Icon chrome.browserAction.onClicked.addListener(function (tab) { chrome.tabs.executeScript({ file: 'work.js' }); });

我的扩展的主要逻辑在work.js内部。我认为它的内容对这个问题来说并不重要。

我想问的是如何在我的扩展中使用jQuery。因为我没有使用任何背景页面。我不能简单地把jQuery加进去。那么，如何在我的扩展中添加和使用jQuery呢？

我试着从background.js文件中运行jQuery和我的work.js。

代码语言：javascript复制// Respond to the click on extension Icon chrome.browserAction.onClicked.addListener(function (tab) { chrome.tabs.executeScript({ file: 'thirdParty/jquery-2.0.3.js' }); chrome.tabs.executeScript({ file: 'work.js' }); });

它工作得很好，但我担心以这种方式添加的脚本是否正在异步执行。如果是，那么work.js甚至可能在jQuery (或者我将来可能添加的其他库)之前运行。

我还想知道在我的chrome扩展中使用第三方库的正确和最好的方式是什么。

【本文地址】

公司简介

联系我们