在background.js下执行的inject.js文件中使用JQuery

时间:2019-04-15 19:28:48

标签: javascript google-chrome-extension

我正在构建一个Chrome扩展程序,其中我的 background.js 脚本文件将执行 inject.js 脚本在某个事件中存档。

我还有一个本地 jquery.min.js 文件,该文件已包含在我的 manifest.json 中>文件,以便可以在我的 background.js 文件中使用它。

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

但是,我不确定如何在我的 inject.js 文件中使用jquery。我尝试使用/// <reference path="jquery.min.js" />,但是没有用。

关于如何在我的 inject.js 中使用jquery和其他js库的任何想法?

下面是我的 background.js 代码

chrome.browserAction.onClicked.addListener(function(tab) {
    //To verify if jQuery is working  
    if (jQuery) {
        console.log("Jquery on");
    } else {
        console.log("Jquery off");
    }

    if(activeTabs.length===0){
        chrome.tabs.executeScript(tab.id, {file:"js/inject.js"});
    }
}

1 个答案:

答案 0 :(得分:2)

在注入 onFbAuth = response => { let data = { id: response.userID, email: response.email, firstName: response.first_name, lastName: response.last_name, picture: response.picture.data['url'], social: "facebook" } //data is the object that facebook api sends you back. authService.login(data).then((response) => { this.props.history.push('/'); }) } failed = () => { console.log('something failed'); } render() { return ( <FacebookLogin appId='YOUR_APP_ID' autoLoad={false} fields="first_name, last_name, email, picture" onFailure={this.failed} callback={this.onFbAuth} /> ); } 之前必须注入jquery.min.js。就您而言:

inject.js