首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在chrome扩展中使用jQuery?

如何在chrome扩展中使用jQuery?
EN

Stack Overflow用户
提问于 2014-01-24 03:22:38
回答 4查看 128.7K关注 0票数 149

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

以下是我的文件:

manifest.json

{
    "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的文件

// 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。

// 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扩展中使用第三方库的正确和最好的方式是什么。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21317476

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档