Chrome拡張コールバックで2つの値が渡され、1つは未定義です。

Question

誰かが私になぜ出力が "x is：0 y is：undefined"と説明できるでしょうか？

browseraction.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {msg: "test"}, function(x,y){ 
    document.getElementById("status").innerHTML = "x is: " + x + " y is: " + y; 
    }); 
}); 

contentscript.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse){ 
    if(request.msg == "test"){ 
     sendResponse(0,0); 
    } 
}); 

Answer 1

それが動作しない理由を知っているが、これはすべきでは機能しないでください：

browseraction.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {msg: "test"}, function(resp){ 
    document.getElementById("status").textContent = "x is: " + resp.x + " y is: " + resp.y; 
    }); 
}); 

を

co ntentscript.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse){ 
    if(request.msg == "test"){ 
     sendResponse({x: 0, y: 0}); 
    } 
}); 

innerContextではなくtextContentを使用してください。

Answer 2

responseCallbackとsendResponse関数で

• chrome.tabs.sendMessage(integer tabId, any message, object options, function responseCallback)
• chrome.runtime.onMessage.addListener(function callback)

によれば、JSONレスポンスオブジェクトである唯一のパラメータが存在します。これは、コールバックでyにアクセスする際、あなたがundefinedを得る理由です、（私は推測）

sendResponseを呼び出し、我々はJavaScriptで知っているように、提供されていない引数はundefinedになると、余分なパラメータは廃棄されます可能性がありますchrome.tabs.sendMessage。