Vfrdtyky

When I click the extension icon that changes on and off, the script works same and if it is off! I tried about 2 hours, but I did not find a solution yet, so please someone can help me to fix this, thank you very much.

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' });

      }

   });

});