javascript – Background.js无效Chrome扩展程序

我是Chrome扩展程序的新手,似乎无法弄清楚背景概念是如何工作的.我正在构建一个计数器扩展,即使用户关闭扩展(但不是浏览器),并且想要做一个简单的测试,看看我是否可以弄清楚如何使用后台文件.下面是我尝试创建一个功能,每当用户点击选项卡(我的扩展名之外)时激活该功能,当他们点击5个选项卡时,警报就会响起.我无法弄清楚为什么这不起作用.

background.js:

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

manifest.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"
  }
}

解决方法

它通过以下代码为我工作.

的manifest.json

{
    "name": "Popping Alert","description": "https://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"
    }
}

background.js

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

如果这不起作用,您可以分享您的相关代码或清楚地提出您的问题陈述吗?

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...