sendMessage จากพื้นหลังส่วนขยายหรือป๊อปอัปไปยังสคริปต์เนื้อหาไม่ทำงาน


88

ฉันรู้ว่าคำถามนั้นถูกถามซ้ำหลายครั้ง แต่ฉันก็พยายามหาคำตอบทั้งหมด (หวังว่าฉันจะไม่คิดถึงใครเลย) และไม่มีคำถามใดที่เหมาะกับฉัน

นี่คือรหัสส่วนขยายของฉัน:

รายการ:

{
"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 ไม่ทำงาน

ข้อความบันทึกของคอนโซล: ข้อผิดพลาดของพอร์ต: ไม่สามารถสร้างการเชื่อมต่อได้ ไม่มีจุดสิ้นสุดการรับ

ความผิดของฉันอยู่ที่ไหน


คุณควรใช้เพื่อส่งข้อความไปยังสคริปต์เนื้อหาไม่ได้chrome.tabs.sendMessage() chrome.extension.sendMessage()
apsillers

คำตอบ:


144

ในหน้าพื้นหลังของคุณคุณควรโทร

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ฟังก์ชั่นส่งข้อความไปยังทุกองค์ประกอบนามสกุลอื่น


7
ขอบคุณ. ถูกต้องยกเว้นว่าchrome.tabs.sendMessage จะต้องระบุว่าจะส่งไปที่แท็บใด ดังนั้นวิธีแก้ไขจึงเปลี่ยนเป็น:chrome.tabs.query({active: true}, function(tabs){ chrome.tabs.sendMessage(tab.id, {action: "open_dialog_box"}, function(response) { }); });
รถไฟใต้ดิน

1
คำตอบนี้ช่วยฉันได้ ขอบคุณมากสำหรับคำตอบที่เป็นประโยชน์นี้
Touhid

13
สิ่งที่ควรเขียนเพื่อรับบน content-script.js?
Kushal Jain

5
@KushalJain ฉันเพิ่งคิดออก ในไฟล์ JS สคริปต์เนื้อหาของคุณคุณจะต้องเพิ่มตัวฟังเหตุการณ์เช่นนี้chrome.runtime.onMessage.addListener( (message, sender, sendResponse) => { /* Code Here */ } ); messageคือพารามิเตอร์ที่มี{ action: "open_dialog_box" }หรืออะไรก็ตามที่คุณส่ง senderคือวัตถุที่มี ID ของส่วนขยาย Chrome ของคุณ sendResponseคือพารามิเตอร์ที่มีfunction(response) {}หรือฟังก์ชันใดก็ตามที่คุณส่งผ่านเพื่อให้ถูกเรียกเมื่อข้อความถูกจัดการ
jsea

6
วิธีนี้ไม่ได้ผลสำหรับฉัน ฉันกำลังทำตามเอกสารที่ฉันคัดลอกโค้ดทั้งหมดมาจากdeveloper.chrome.com/extensions/messagingนี่เป็นตัวอย่างง่ายๆ แต่ไม่สามารถทำให้ถูกต้องได้ รับข้อผิดพลาดไม่สามารถสร้างการเชื่อมต่อ ไม่มีจุดสิ้นสุดการรับ ความคิดใด ๆ
umsateesh

4

@apsillers ถูกต้อง อย่าลืมคืนค่าจริงในตัวฟังสคริปต์เนื้อหาของคุณไม่เช่นนั้นอาจปิดเร็วเกินไป

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

สิ่งนี้ได้รับการแก้ไขสำหรับฉัน - ฉันไม่ได้รับการตอบสนอง แต่การเพิ่มreturn trueทำให้มันใช้งานได้
rupertonline

0

นี่คือตัวอย่างของสคริปต์พื้นหลังที่ส่งข้อความไปยังไฟล์สคริปต์เนื้อหา

background.js

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

content-script / content.js

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

0

กรณีการใช้งานของฉันจำเป็นต้องส่งข้อความไปยังสคริปต์พื้นหลังจากหน้าเว็บ ฉันเคยchrome.runtime.onMessageExternalจับข้อความนี้

ภายในตัวฟังนี้โดยพื้นฐานแล้วฉันกำลังส่งต่อข้อความไปยังสคริปต์เนื้อหาของฉันดังนั้นมันจึงสามารถทำสิ่งนั้นได้ แต่ฉันไม่สามารถเข้าใจได้ว่าทำไมสคริปต์เนื้อหาของฉันในตัวฟังข้อความถึงไม่จับข้อความ

ปรากฎว่ารอ 1 วินาทีก่อนที่จะส่งข้อความจากหน้าเว็บ (โดยพื้นฐานแล้วฉันกำลังโหลด) ฉันสามารถเห็นข้อความที่กดปุ่มเนื้อหาของฉัน

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.