Question

我正在尝试制作一个可以打开和关闭其他特定扩展程序的扩展程序。但是，我一遍又一遍地尝试，并没有找到办法让它发挥作用。

基本上，我的扩展程序带有一个带有开/关开关的弹出窗口（一个复选框），我需要这样做才能打开和关闭另一个扩展程序......

这是我的popup.html

<!DOCTYPE html>
<html>
<body>
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
  <p class="bb">Liga/Desliga do Banco do Brasil</p>
<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">
    <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>

和popup.js

var bankId = "mkeabchhfifpaaoefpockjhaphjmoapp";

if(document.getElementById("myonoffswitch").checked != true)  {
                    chrome.management.setEnabled(bankId, false);


  } else if(document.getElementById("myonoffswitch").checked == true)
  {

                    chrome.management.setEnabled(bankId, true);

}

和manifest.json

{
   "browser_action": {
      "default_icon": "48.png",
      "default_title": "Liga/Desliga o Bando Do Brasil",
      "default_popup": "popup.html"
   },
   "description": "Clique para ativar/desativar a extensão do BB",
   "icons": {
      "128": "128.png",
      "16": "16.png",
      "48": "48.png"
   },
   "name": "Toggle Banco Brasil On/Off",
   "permissions": [ "tabs", "management" ],
   "update_url": "http://clients2.google.com/service/update2/crx",
   "version": "1.0",
   "manifest_version": 2
}

您可以在此处查看扩展程序“demo”：http://liveweave.com/8M4IvJ

我感谢任何帮助！

Answer 1

让我们看看你的扩展目前是如何运作的。

您的弹出页面会加载，默认情况下取消选中该复选框。

然后，您的代码运行，检查复选框是否已选中（不是）并禁用您指定的扩展名。

然后.. 没有。你从未告诉Chrome做任何其他事情。您的代码已完成运行，没有事件侦听器，因此它现在是一个静态页面。可能不是你想要的。

现在，让我们解决它。首先，我想你想要将复选框的初始状态设置为扩展的当前状态。很容易：

chrome.management.get(bankId, function(info) {
  // Gotta check if we got the info:
  if(chrome.runtime.lastError) {
    // Something's not right; probably extension is not installed.
    // Warn the user somehow? (but no alert(), it can break the popup)
  }

  document.getElementById("myonoffswitch").checked = info.enabled;
});

接下来，我们不希望在打开弹出窗口时检查状态。相反，我们希望挂钩事件，特别是每当复选框的值发生变化时。

再一次，很容易：

document.getElementById("myonoffswitch").addEventListener("change", function(e) {
  // You don't need the conditional if() {} else {}, just use the binary value
  chrome.management.setEnabled(bankId, this.checked);
});

Chrome扩展程序可以打开和关闭

1 个答案: