禁用 chrome 扩展答案

【问题标题】：Disable chrome extension禁用 chrome 扩展
【发布时间】：2017-09-29 16:18:10
【问题描述】：

我正在创建一个 chorme 扩展，其中扩展将改变 facebook 的颜色。我添加了一个按钮，我只希望它在单击时使 facebook 变黑。我已经创建了带有 on click 属性的按钮。如何通过单击禁用我的应用程序？这是我的代码

popup.html

  </head>
  <body>

<button onclick="myFunction()">Click Me</button>


  </body>
</html>

code.js

function myFunction() {
    //what should i write here?//
}

menifest.json

{
   "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html",
      "default_title": "Black Facebook"
   },
   "content_scripts": [ {
      "css": [ "facebook-bw.css" ],
      "matches": [ "https://www.facebook.com/*" ]
   } ],
   "description": "Black Theme has been activated",

   "manifest_version": 2,
   "name": "Black Facebook",
   "version": "0.1.0"
}

【问题讨论】：

首先你说你想改变脸书的颜色。然后你说how can i disable my app by clicking on it?。我很困惑。
how to make on/off buttons/icons for a chrome extension?的可能重复

标签： javascript html button google-chrome-extension

【解决方案1】：

您应该能够在 manifest.json 文件中将您的脚本声明为后台脚本，并且在脚本中具有如下监听器：

chrome.browserAction.onClicked.addListener(function(tab) {
   chrome.tabs.executeScript(null, {file: "script.js"});
});

并且该 script.js 将处理解析页面和更改颜色（我做了类似的事情，除了使用正则表达式解析页面上的文本以查找关键字。

这是一个很好的参考：Run script each time Chrome extension icon clicked

【讨论】：

我是 js 新手。你能解释一下如何将我的脚本声明为 bg 脚本吗？
在 manifest.json 中你可以有这样的块："background": { "scripts": ["src/js/background.js"] },@user8494167
我会在 backgroung.js 中写什么？
我已经编写了代码，它将改变清单文件“content_scripts”中的颜色：[{“css”：[“facebook-bw.css”]，“matches”：[“@987654322 @*" ] } ],
您需要遍历 DOM 检查要更改 CSS 的元素。一个 hackier 快速版本将弄清楚您需要预先更改 CSS 的哪些元素，在 script.js 中您只需将它们的颜色从 facebook 蓝色更改为您想要的黑色。