javascript - Background.js 无法正常工作 Chrome 扩展

标签 javascript google-chrome google-chrome-extension

我是 chrome 扩展的新手,似乎无法弄清楚背景概念是如何工作的。我正在构建一个计数器扩展,即使当用户关闭扩展(而不是浏览器)并想做一个简单的测试,看看我是否能弄清楚如何使用后台文件时,它也会继续计数。下面是我尝试创建一个功能,每次用户单击一个选项卡(在我的扩展程序之外)时激活该功能,当他们单击 5 个选项卡时,警报会触发。我不明白为什么这不起作用。

背景.js:

var counter = 0;
chrome.browserAction.onClicked.addListener(function(tab){
  counter++;
  if (counter == 5) {
    alert("Hi");
  }
});

list .json:

 {
  "name": "Hello World!",
  "description": "My first packaged app.",
  "version": "0.1",
  "permissions": ["tabs", "http://*/*"],
  "manifest_version":2,
  "content_scripts": [ {
    "js": [ "jquery-1.9.1.js", "myscript.js" ],
    "matches": [ "http://*/*", "https://*/*"]
  }],
  "background": {
    "scripts": [
       "background.js"
    ]
  },
  "browser_action": {
    "default_title": "10,000 Hours",
    "default_icon": "icon16.png",
    "default_popup": "index.html"
  },
  "icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
  }
}

最佳答案

以下代码对我有用。

list .json

{
    "name": "Popping Alert",
    "description": "http://stackoverflow.com/questions/15194198/background-js-not-working-chrome-extension",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "version": "1",
    "manifest_version": 2,
    "browser_action": {
        "default_title": "Click Me"
    }
}

背景.js

var counter = 0;
chrome.browserAction.onClicked.addListener(function (tab) {
    counter++;
    if (counter == 5) {
        alert("Hey !!! You have clicked five times");
    }
});

如果这样不行,能不能分享一下你的相关代码或者说清楚你的问题?

关于javascript - Background.js 无法正常工作 Chrome 扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15194198/

相关文章:

javascript - 使用 jQuery 计算数组中的值频率

javascript - 将光标设置在字符串的末尾?

javascript - Puppeteer:如何监听对象事件

javascript - 导航栏中的搜索栏在 Google Chrome 和 Firefox 中看起来不一样

javascript - 函数 Empty() {} 在哪里?

javascript - Dropbox 和 Box 选择器在默认 Chrome 页面上不起作用

javascript - Adobe Livecycle Designer 中的下划线字符串

javascript - Chrome Gmail 扩展程序在某些情况下不起作用。为什么?

javascript - 如何将 PhantomJS 添加到我的 Chrome 扩展程序?

javascript - 调用方法时出错 'addNewDriveToSadranTable' : Internal server error [500]