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 を定期的に更新するバックグラウンド ページを作成するにはどうすればよいですか? ありがとうございました。