バックグラウンドスクリプトとページ（ポップアップ）スクリプト間の通信方法は？

Question

バックグラウンドスクリプトの変数をページ（ポップアップ）スクリプトから制御する方法は？
リソースを10秒ごとに取得するには、以下のコードでsetTimeoutループを使用しています。
ポップアップページ（browser_action）のチェ​​ックボックスをオフにした場合、以下のコードはループを停止しません。

私は（check or uncheck）チェックボックスをポップアップで、background_scriptがバックグラウンドスクリプトにメッセージを送ったときに、stop_loopメッセージを受け取ると、バックグラウンドスクリプトは、settimeoutループを止めるためにsettimeout_loop_controllerをfalseに変更します。

ただし、チェックボックスをクリックするとこのコードは反応しません。

2つのスクリプト間の通信方法は？

let settimeout_loop_controller = true; 

function fetching() { 
    if (settimeout_loop_controller) { 
    // if 'settimeout_loop_controller become false, the loop will stop. 
     fetch("http://url.com/example").then((getval) => { do_something })... ; 
     setTimeout(fetching, 10000); 
    } else { 
     return; 
    } 
} 

fetching(); 

chrome.runtime.onMessage.addListener((message) => { 
    if message.type === "stop_loop" { 
     settimeout_loop_controller = false; 
    } 
    else if (message.type === "start_loop") { 
     settimeout_loop_controller = true; 
     fetching(); 
    } 
}); 

ポップアップスクリプトは：

let checkbox = document.getElementById("checkbox"); 

checkbox.onchange((e) => { 
    if (checkbox.checked) { 
     chrome.runtime.sendMessage({"type": "start_loop"}); 
    } 
    else { 
     chrome.runtime.sendMessage({"type": "stop_loop"}); 
    } 
}); 

Answer 1

chrome.runtime.sendMessage APIは、ページスクリプトには存在しませんが、それはコンテンツスクリプトにアクセスすることができます。典型的な使用法はページスクリプトコンテンツスクリプトにwindow.postMessage({"type": "stop_loop"},"*")を使用してメッセージを投稿してからコンテンツスクリプトにメッセージを転送します。
Firefox 49以降では、Sharing objects with page scriptsとすることができます。たとえば、最初にとexportFunction(notify, window, {defineAs:'notify'});の関数をのコンテンツスクリプトに定義することができます。ページスクリプトはwindowオブジェクトの公開された関数を呼び出すことができます。

window.notify（ "ページスクリプトからのメッセージ！"）;