javascript - Kango Framework を使用してポップアップ フレームでボタンがクリックされたときに Web サイトの背景を変更するにはどうすればよいですか?

Question

Kango Framework を使用している場合、フォアグラウンド スクリプトとコンテンツ スクリプトの間に通信はありますか? たとえば、フォアグラウンド スクリプトには、Web ページの背景色を変更するボタンがあります。popup.html でそのボタンをクリックすると、コンテンツ スクリプトを使用して Web サイトの背景色が変更されます。

Answer 1

kango.storage を使用すると、popup から content.js にデータを渡すことができます。

popup.js で、アクションとアクション パラメータを設定し、ブラウザを更新します。

kango.browser.tabs.getCurrent(function(tab){
  kango.storage.setItem('action', 'changeBackground');
  kango.storage.setItem('actionParam', 'black');
  tab.navigate(tab.getUrl());
  KangoAPI.closeWindow();
});

次に content.js で、特定のアクションのコードを作成します。

var action = kango.storage.getItem('action');
var actionParam = kango.storage.getItem('actionParam');

switch(action) {
    case 'changeBackground':
      $(body).css({
        'background': actionParam
      });
      break;
}

// Don't forget to reset the action
kango.storage.setItem('action', 'idle');