google-chrome - 使 chrome 扩展仅适用于某些站点( list v3)

Question

我在升级到 list v3 时遇到了一些麻烦，非常感谢您的帮助和输入。

背景:

• 使用 list v3
• 使用 ShowAction() 代替已弃用的 ShowPageAction()
• 用于使用 manifest v2 和 ShowPageAction()
• 已经读过这个post不适用于 manifest v3(或者看起来不适用)
• 还关注了这个 google guide用于从 ShowPageAction 升级到 ShowAction

关注 chrome 的 tutorial 后，转载如下:

    // background.js

    // Wrap in an onInstalled callback in order to avoid unnecessary work
    // every time the background script is run
    chrome.runtime.onInstalled.addListener(() => {
      // Page actions are disabled by default and enabled on select tabs
      chrome.action.disable();
    
      // Clear all rules to ensure only our expected rules are set
      chrome.declarativeContent.onPageChanged.removeRules(undefined, () => {
        // Declare a rule to enable the action on example.com pages
        let exampleRule = {
          conditions: [
            new chrome.declarativeContent.PageStateMatcher({
              pageUrl: {hostSuffix: '.example.com'},
            })
          ],
          actions: [new chrome.declarativeContent.ShowAction()],
        };
    
        // Finally, apply our new array of rules
        let rules = [exampleRule];
        chrome.declarativeContent.onPageChanged.addRules(rules);
      });
    });

我注意到我的扩展程序上的图标在不匹配指定模式的网站上是灰色的，而在与 url 模式匹配的网站上有颜色(预期行为)。但是，当我在与 url 模式匹配的网站上单击扩展程序时，该扩展程序仍处于禁用状态。

问题:有没有人能够让这个示例代码工作？如何让 chrome 扩展程序仅在用户位于特定站点并单击该扩展程序时才起作用？

提前致谢!

Answer 1

您只需要在 manifest.json 权限中添加“declarativeContent”。

 "permissions": [
     "declarativeContent"
],