0

Google Chrome 拡張機能でのメッセージ パッシングに固執しました。

私はこの popup.js を持っています:

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.do == 'popup_refreshMessage')
      jQuery('#message').html(request.message);
  }
); 

jQuery('input[type=button]').click(function(){
  chrome.runtime.sendMessage({
    do: "background_start"
  });
});

そしてこの popup.html:

<html>
<body>
  Message: 
  <div id="message"></div>

  <input type="button" value="Start">
</body>
</html>

ここで、バックグラウンド ページでポップアップのメッセージを定期的に更新する必要があります。したがって、background.js は次のようになります。

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.do == 'background_start') {
      var periodicFunc = function() {
        request.callback({
          do: "popup_refreshMessage",
          message: Math.random()
        });
        setTimeout(myFunc, 1000);
      }
    periodicFunc();
  }
});

しかし、ボタンをクリックしても何も起こらず、「Uncaught TypeError: Undefined のメソッド 'addListener' を呼び出せません」というメッセージがコンソールに表示されます。

ポップアップの HTML を定期的に更新するバックグラウンド ページを作成するにはどうすればよいですか? ありがとうございました。

4

0 に答える 0