вкл значок выключения расширение chrome не работает

Question

Когда я нажимаю на значок расширения, который меняется и выключается, скрипт работает так же, и если он выключен! Я пробовал около 2 часов, но пока не нашел решения, поэтому, пожалуйста, кто-нибудь может помочь мне исправить это, большое спасибо.

manifest.json

    "name":"title",
"description":"des",
"version":"1.1.1",
"manifest_version":2,
"icons": { 
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
},
"browser_action": {
    "default_title": "On/Off",
    "default_icon": "icons/off.png"

},
"background": {
    "scripts": ["js/background.js"],
    "persistent": true
},
"content_scripts": [
    {
    "matches": ["<all_urls>"],   
    "js": ["js/content.js", "js/jquery.min.js"],
    "css": ["css/style.css"],
    "run_at": "document_start",
    "all_frames": true
    }
],
"applications": {
"gecko": {
    "id": "{3b5e61ae-bda1-46c5-89bb-5085cc5e9bc}",
    "strict_min_version": "57.0"
        }
    }, 
"content_security_policy": "script-src 'self'",
"permissions": [ 
    "<all_urls>",
    "webRequestBlocking",
    "webNavigation",
    "activeTab",
    "storage"
  ]
}

background.js

document.addEventListener('DOMContentLoaded', function() {
var enable=false;
chrome.browserAction.onClicked.addListener(function (tab) {
 enable = enable ? false : true;
 if(enable){
  //turn on...
  chrome.browserAction.setIcon({ path: 'icons/on.png' });
  chrome.browserAction.setBadgeText({ text: 'ON' });
  chrome.tabs.executeScript(null, { file: 'content.js' }); 
 }else{
  //turn off...
  chrome.browserAction.setIcon({ path: 'icons/off.png'});
  chrome.browserAction.setBadgeText({ text: 'Off' });
      }
   });
});