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

Question

使用Kango Framework，前台脚本和内容脚本之间是否有通信？例如，前台脚本中有一个按钮可以更改网页的背景颜色。因此，如果我在 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');

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

How to change the website's background when a button was clicked in the popup frame using Kango Framework?

javascript

kango-framework