क्रोम एक्सटेंशन के लिए बटन/आइकन कैसे चालू/बंद करें?

Question

मैं उपयोगकर्ता को यह तय करना चाहता हूं कि वे कब एक स्क्रिप्ट चलाने के लिए चाहते हैं, ताकि जब ब्राउज़र खुलता है, तो "ऑफ" आइकन दिखा रहा है और कोई स्क्रिप्ट नहीं चलती है; लेकिन जब उपयोगकर्ता इसे क्लिक करता है, तो यह "चालू" आइकन में बदल जाता है और उपयोगकर्ता द्वारा बंद होने तक उपयोगकर्तास्क्रिप्ट निष्पादित करता है। मेरे पास दो पीएनजी आइकन हैं जो 32x32 प्रत्येक हैं: on.png और off.png।

मेरे दो सवाल:

1. मैं अपने off.png को डिफ़ॉल्ट आइकन सेट कर सकते हैं?

   ... 
   "browser_action": { 
       "default_icon": { 
        "32": "off.png" 
        }, 
       "default_title": "icon" 
   }, 
   "icons": { 
       "32": "on.png", 
       "32": "off.png" 
   }, 
   "background": { 
       "scripts": ["background.js"] 
   }, 
   "content_scripts": [{ 
       "js": ["SCRIPT.user.js"] 
   ... 
   

2. यहाँ मेरी background.js, जहां मैं अस्थायी रूप से प्रयास करने के लिए एक त्वरित समारोह बना दिया गया है: मैं अपने manifest.json में यह करने की कोशिश की लेकिन यह आइकन निर्धारित नहीं किया है, बजाय एक पहेली टुकड़ा (मैं एक डिफ़ॉल्ट मान) से पता चला और/बंद के आधार पर टॉगल करके चालू एक onClicked

   var status = 0; 
   
   function toggle() { 
   if (status == 0){ 
       chrome.browserAction.setIcon({path: "on.png", tabId:tab.id}); // so it's set for the tab user is in 
       chrome.tabs.executeScript(tab.id, file:"SCRIPT.user.js"); //execute for this tab 
       status++; 
   } 
   if (status == 1){ 
       chrome.browserAction.setIcon({path: "off.png", tabId:tab.id}); 
       chrome.tabs.executeScript(tab.id, code:"alert()"); // execute nothing when off 
       status++; 
   } 
   if (status > 1) 
       status = 0; // toggle 
   } 
   
   chrome.browserAction.onClicked.addListener(function(tab) { 
       toggle(); 
   }); 
   

(मैं उल्लेख करना चाहिए कि जब मैं फ़ोल्डर आवास मेरी स्क्रिप्ट, माउस और में "लोड विस्तार अनपैक" प्रकट लोड करें और फिर "विचारों का निरीक्षण " सेवा मेरे जांचें कि क्या कुछ भी गलत है, मैं पृष्ठभूमि.जेएस में Uncaught SyntaxError: Unexpected token : देखता हूं, हालांकि मुझे नहीं पता कि यह किस बात का जिक्र कर रहा है) ... और ऐसा लगता है कि यह स्क्रिप्ट फ़ोल्डर

तो में मेरी उपयोगकर्तास्क्रिप्ट दिखाना प्रतीत नहीं होता है , कोई विचार, मदद?

Answer 1

ठीक है, तो मुझे अपने मैनिफेस्ट और पृष्ठभूमि पृष्ठों में कुछ बदलाव करने दें।

manifest.json

"browser_action": { 
    "default_icon": "off.png", 
    "default_title": "icon" 
}, 

कि डिफ़ॉल्ट off.png कर देगा। आइकन अनुभाग के लिए, docs को यह देखने के लिए पढ़ें कि इसका क्या उपयोग किया जाता है, लेकिन अभी इसे पूरी तरह से हटा दें। अपने कंटेंटScripts अनुभाग में जो भी है उसे हटा दें। यदि आप इसे प्रोग्रामेटिक रूप से इंजेक्ट करना चाहते हैं तो इसे मैनिफेस्ट में सूचीबद्ध करने की आवश्यकता नहीं है।

अगला अपनी पृष्ठभूमि पेज के लिए कुछ परिवर्तन उसे कुछ अतिरिक्त स्वच्छ बनाने के लिए:

background.js

var toggle = false; 
chrome.browserAction.onClicked.addListener(function(tab) { 
    toggle = !toggle; 
    if(toggle){ 
    chrome.browserAction.setIcon({path: "on.png", tabId:tab.id}); 
    chrome.tabs.executeScript(tab.id, {file:"SCRIPT.user.js"}); 
    } 
    else{ 
    chrome.browserAction.setIcon({path: "off.png", tabId:tab.id}); 
    chrome.tabs.executeScript(tab.id, {code:"alert()"}); 
    } 
});