当使用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');

​