![](/img/trans.png)
[英]Sending message from a background script to a content script, then to a injected script
[英]Communication from an injected script to the content script with a response
在這個問題之后 ,注入的腳本和內容腳本之間的通信可以這樣做:
// Content script
window.addEventListener("getChromeData", function(data) {
// do Chrome things;
}, false);
// Injected script
window.dispatchEvent(new CustomEvent("getChromeData", {data: 'whatever'}));
我想知道是否有辦法使用promise或回調機制將返回的數據用於注入的腳本?
通過事件再次進行通信。 您可以使用一次性監聽器來實現基於承諾的響應。
我將傳遞一個額外的請求ID,以便一次性聽眾不會意外地混淆; 也許這是一種矯枉過正。
內容腳本:
window.addEventListener("getChromeData", function(evt) {
var request = evt.detail;
var response = {requestId: request.id};
// do Chrome things with request.data, add stuff to response.data
window.dispatchEvent(new CustomEvent("sendChromeData", {detail: response}));
}, false);
注入腳本:
var ChromeRequest = (function(){
var requestId = 0;
function getData(data) {
var id = requestId++;
return new Promise(function(resolve, reject) {
var listener = function(evt) {
if(evt.detail.requestId == id) {
// Deregister self
window.removeEventListener("sendChromeData", listener);
resolve(evt.detail.data);
}
}
window.addEventListener("sendChromeData", listener);
var payload = { data: data, id: id };
window.dispatchEvent(new CustomEvent("getChromeData", {detail: payload}));
});
}
return { getData: getData };
})();
ChromeRequest.getData("whatever").then(function(data){/* ... */});
請注意,您必須使用CustomEvent
detail
屬性,它不是任意屬性。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.