विस्तार पृष्ठभूमि या पॉपअप से सामग्री स्क्रिप्ट पर भेजने से काम नहीं होता है

Question

मुझे पता है कि प्रश्न को बार-बार अलग-अलग तरीकों से पूछा गया है, लेकिन मैंने सभी उत्तरों से गुजरने की कोशिश की (उम्मीद है कि मैंने किसी को याद नहीं किया) और उनमें से किसी ने भी मेरे लिए काम नहीं किया।

यहाँ मेरे एक्सटेंशन का कोड है:

प्रकट:

{
"name": "test",
"version": "1.1",
"background": 
{ 
    "scripts": ["contextMenus.js"]
},

"permissions": ["tabs", "<all_urls>", "contextMenus"],

"content_scripts" : [
    {
        "matches" : [ "http://*/*" ],
        "js": ["jquery-1.8.3.js", "jquery-ui.js"],
        "css": [ "jquery-ui.css" ],
        "js": ["openDialog.js"]
    }
],

"manifest_version": 2
}

contextMenus.js

function onClickHandler(info, tab) {
    if (info.menuItemId == "line1"){

      alert("You have selected: " + info.selectionText);

      chrome.extension.sendMessage({action:'open_dialog_box'}, function(){});

      alert("Req sent?");

    }
}

chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {

  chrome.contextMenus.create({"id": "line1", "type": "normal", "title": "I'm line 1",     "contexts":["selection"]});

});

openDialog.js

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {

  if (msg.action == 'open_dialog_box') {
    alert("Message recieved!");
  }
});

बैकग्राउंड पेज के दो अलर्ट काम करते हैं, जबकि content_script में से एक नहीं है।

कंसोल लॉग का संदेश: पोर्ट त्रुटि: कनेक्शन स्थापित नहीं कर सका। अंत प्राप्त करना मौजूद नहीं है।

मेरी गलती कहाँ है?

Comments

आपको chrome.tabs.sendMessage()सामग्री स्क्रिप्ट पर संदेश भेजने के लिए उपयोग करना चाहिए , न कि chrome.extension.sendMessage()।

— अप्सिलर्स

Answer 1

अपने बैकग्राउंड पेज में आपको कॉल करना चाहिए

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    chrome.tabs.sendMessage(tabs[0].id, {action: "open_dialog_box"}, function(response) {});  
});

chrome.extension.sendMessageवर्तमान में जैसा आप कर रहे हैं वैसा उपयोग करने के बजाय ।

chrome.tabsसंस्करण है, सामग्री स्क्रिप्ट के लिए संदेश भेजता है जबकि chrome.extensionसमारोह में अन्य सभी विस्तार घटकों के लिए संदेश भेजता है।

Comments

धन्यवाद। इसके अलावा यह सही है कि chrome.tabs.sendMessage इसे भेजने के लिए कौन सा टैब निर्दिष्ट करना चाहिए । इसलिए इसका समाधान बदल गया है:chrome.tabs.query({active: true}, function(tabs){ chrome.tabs.sendMessage(tab.id, {action: "open_dialog_box"}, function(response) { }); });

— सबवे

इस जवाब से मुझे मदद मिली। इस उपयोगी उत्तर के लिए बहुत बहुत धन्यवाद।

— तौहीद

सामग्री-script.js पर प्राप्त करने के लिए क्या लिखना चाहिए?

— कुशाल जैन

@ KushalJain मैं अभी यह पता लगा। आपकी सामग्री स्क्रिप्ट जेएस फ़ाइल में, आप एक घटना श्रोता को इस तरह जोड़ना चाहते हैं: chrome.runtime.onMessage.addListener( (message, sender, sendResponse) => { /* Code Here */ } ); messageवह पैरामीटर है जिसमें { action: "open_dialog_box" }आप या जो भी भेजते हैं। senderएक ऐसी वस्तु है जो आपके Chrome एक्सटेंशन की ID है। sendResponseएक पैरामीटर है जिसमें function(response) {}या जो भी फ़ंक्शन आप पास करते हैं उसे एक बार संदेश को संभाला जाता है।

— 18'18

यह समाधान मेरे काम नहीं आया। मैं दस्तावेज़ीकरण का पालन कर रहा हूं, बिल्कुल मैंने developer.chrome.com/extensions/messaging से सभी कोड कॉपी किए हैं यह बहुत सरल उदाहरण है, लेकिन इसे सही नहीं मिला। त्रुटि प्राप्त करना कनेक्शन स्थापित नहीं कर सका। अंत प्राप्त करना मौजूद नहीं है। किसी भी विचार

— umsateesh

Answer 2

@ अंतराल सही है। साथ ही अपनी सामग्री-स्क्रिप्ट श्रोता में सही लौटना न भूलें या यह बहुत जल्दी बंद हो सकता है।

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
    console.log(message)
    return true
});

Comments

इसने मेरे लिए यह तय कर दिया - मुझे कोई प्रतिक्रिया नहीं मिल रही थी, लेकिन जोड़ने return trueसे यह काम कर गया।

— अक्टूबर को रूपर्टलाइन

Answer 3

यहां एक पृष्ठभूमि स्क्रिप्ट का एक उदाहरण है जो सामग्री-स्क्रिप्ट फ़ाइल को एक संदेश भेजता है।

background.js

chrome.tabs.sendMessage(tabs[0].id,"your message"); 

सामग्री स्क्रिप्ट / content.js

chrome.runtime.onMessage.addListener(function (response, sendResponse) {
          console.log(response);
});

Answer 4

मेरे उपयोग-मामले को एक वेबपेज से पृष्ठभूमि स्क्रिप्ट पर एक संदेश भेजने की आवश्यकता है। मैं chrome.runtime.onMessageExternalइस संदेश को पकड़ता था।

इस श्रोता के अंदर मैं मूल रूप से अपनी सामग्री स्क्रिप्ट पर संदेश अग्रेषित कर रहा था ताकि यह अपनी बात कर सके, लेकिन मैं यह पता नहीं लगा सका कि मेरी सामग्री स्क्रिप्ट onMessage श्रोता संदेश को क्यों नहीं पकड़ पाएगी।

वेबपेज से संदेश भेजने से पहले 1 सेकंड की प्रतीक्षा करके मुड़ता है (मैं मूल रूप से इसे लोड पर कर रहा था) मैं संदेश को अपनी सामग्री स्क्रिप्ट को मारते हुए देख पा रहा था।