javascript - 使用 Kango 框架在弹出框架中单击按钮时如何更改网站的背景？

Question

使用Kango框架，前台脚本和内容脚本之间有通信吗？例如，前台脚本中有一个按钮可以更改网页的背景颜色。因此，如果我单击 popup.html 中的那个按钮，它将使用内容脚本来更改网站的背景颜色。

Answer 1

使用 kango.storage，可以将数据从弹出窗口传递到 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');