问如何禁用Chrome扩展的(灰色)页面操作？

EN

这是一个铬中的缺陷，到目前为止还不清楚它是否可以修复。

同时，您可以自己维护图标：

1. 在任何图像编辑器中制作图标的灰度版本，并分别保存它们。
2. 在manifest.json中指定灰色图标：

- ManifestV2:

"page_action"：{ "default_icon"：{ "16"：“图标/16-灰色page_action”，"32"：“图标/32-gray.png”}}

- ManifestV3 uses `action` instead of `page_action`

"action"：{ "default_icon"：{ "16"：“图标/16-灰色”，"32"：“图标/32-gray.png”}

1. 使用SetIcon操作设置普通图标： chrome.declarativeContent.onPageChanged.removeRules(async () => { chrome.declarativeContent.onPageChanged.addRules([{条件:新chrome.declarativeContent.PageStateMatcher({ pageUrl：{ hostPrefix：‘docs.google. }，})，操作:新chrome.declarativeContent.SetIcon({ imageData：{ 16:等待loadImageData(’图标/16.png‘))，32:等待loadImageData(‘图标/32.png’)，}，}，chrome.declarativeContent.ShowAction？新的chrome.declarativeContent.ShowAction()：新的chrome.declarativeContent.ShowPageAction()，})；}；// SVG图标还不支持异步函数loadImageData(url) { const =等待createImageBitmap(等取(Url)).blob()；const {宽度: w，height: h} = img；const画布=新OffscreenCanvas(w，h)；const ctx = canvas.getContext('2d')；ctx.drawImage( img，0，0，w，h)；返回ctx.getImageData(0，0，w，h)；}

如果使用清单版本2，只需在page_action中声明彩色图标，而不是灰色图标。

// manifest.json
 "manifest_version": 2
 "page_action": {
   "default_icon": "icon-color.png"
 },

然后图标将在权限和匹配的URL中为灰色。您可以在页面操作/清单上看到描述。

但是在清单v3中，上面的配置似乎不再工作了。

Chrome将这种行为记录在他们的文档：https://developer.chrome.com/docs/extensions/reference/action/#emulating-pageactions-with-declarativecontent中。以下说明如何在清单v3中实现此功能。

// background.js

chrome.runtime.onInstalled.addListener(() => {
  // disable the action by default
  chrome.action.disable();

  // remove existing rules so only ours are applied
  chrome.declarativeContent.onPageChanged.removeRules(undefined, () => {
    // add a custom rule
    chrome.declarativeContent.onPageChanged.addRules([
      {
        // define the rule's conditions
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
            pageUrl: { hostSuffix: "reddit.com" },
          }),
        ],
        // show the action when conditions are met
        actions: [new chrome.declarativeContent.ShowAction()],
      },
    ]);
  });
});

这将需要declarativeContent在manifest.json中的权限

{
  ...
  "permissions": ["declarativeContent"]
  ...
}