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

Question

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

Answer 1

使用kango.storage，可以将数据从弹出窗口传递到content.js

在popup.js中，设置操作和操作参数，然后刷新浏览器

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

然后在content.js中，为特定操作

创建代码

＆＃13;

＆＃13;

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');

＆＃13;

＆＃13;

＆＃13;