PageAction，背景頁面，並ContentScript之間的通信一款Chrome擴展程序

Question

我的理解是沒有辦法直接頁面操作和教改嘗試腳本之間的溝通，所以我這樣做：

在page_action.html：

chrome.extension.sendRequest(
    {to:"background",key:"color",val:"red"}, 
    function(response) { 
     console.log(response) ; 
    } 
) ; 

在background.js

chrome.extension.onRequest.addListener(
    function(request,sender,sendResponse) { 
     if (request.to == "background") { 
      console.log("Request recieved to Background") ; 
      request.to = "content" ; 
      chrome.extension.sendRequest(request,function(response) { 
       sendResponse(response) ; 
      }) ; 
     } 
    } 
) ; 

我ñcontent.js

(function(){ 
    // ... 
    // Do something initial 
    // ... 
    // Now start to listen 
    chrome.extension.onRequest.addListener(
     function(request,sender,sendResponse) { 
      if (request.to == "content") { 
       // Do something with request.key and request.val 
       console.log("Request recieved to Content Script") ; 
       sendResponse({status:'from content'}) ; 
      } 
     } 
    ) ; 
}()) ; 

頁面操作和背景之間的通訊作品完美，但背景和內容腳本之間沒有發生。我在這裏錯過了什麼？如何正確溝通對方？最重要的是，還有另一種讓頁面操作更直接的通信到內容腳本的方式嗎？

Answer 1

幸運的是，有一種方法可以直接在Page Action和Content Script之間進行通信，這將通過tabs.sendMessage方法進行。

您可以從chrome.pageAction.onClicked或簡單的chrome.tabs.query獲得id。

一旦你有標籤的ID，你想從你的Page Action將消息發送到，只是發送消息是這樣的：

page_action.html

chrome.tabs.query({active:true,currentWindow:true},function(tabs){ 
    chrome.tabs.sendMessage(tabs[0].id,{message:"text"}, function(response){ 
    //If you need a response, do stuff with it here 
    }); 
}); 

content.js

chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){ 
    //Do stuff here 
    //sendResponse({message:"stuff"}); 
}); 

在旁註中，sendRequest和onRequest已被其Message對應部分取代。