contents.jsからbackground.jsにメッセージを渡す方法 / Chrome extension

Mon, Aug 3, 2020

${{DZ_TITLE}}$
contents.jsからbackground.jsにメッセージを渡す方法

contents.jsからbackground.jsにデータを渡す

background.js

待ち受けのListiner

chrome.runtime.onMessage.addListener(
  function (request, sender, sendResponse) {
    switch (request.type) {
    case "Message1":
      if(request.text === "Message text"){
        myFunction();
      }
      break;
    default:
      console.log("Error: Unkown request.")
      console.log(request);
    }
    sendResponse({response: "listeher is successful"});
  }
);

contents.js

chrome.runtime.sendMessage({
 type: "Message1",
 text: "Message text"
},
function (response) {
  if (response) {
      alert(response);
  }
});

Unchecked runtime.lastError: The message port closed before a response was received.

chrome.runtime.sendMessageからメッセージを受け取った後に
sendResponseで値を返す必要があるが、値を返し忘れている場合に発生するトラブル。
大きなトラブルになった話は聞かないが、極力修正しておくべき内容。
大手メーカのextentionでも、このミスは結構あるようですが…。