Javascript 带有declarativeContent的Chrome扩展不工作

我正在浏览Google Chrome扩展，我发现了以下代码：

chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
  chrome.declarativeContent.onPageChanged.addRules([{
    conditions: [new chrome.declarativeContent.PageStateMatcher({
      pageUrl: {hostEquals: 'developer.chrome.com'},
    })
    ],
        actions: [new chrome.declarativeContent.ShowPageAction()]
  }]);
});

我还确保添加权限：

 {
    "name": "Getting Started Example",
  ...
    "permissions": ["declarativeContent", "storage"],
  ...
  }

预期的行为是这样的

现在，当用户导航到包含“developer.chrome.com”的URL时，浏览器将在浏览器工具栏中显示全彩页面操作图标。当图标为全彩时，用户可以单击它查看popup.html

但我不知道为什么它对我不起作用

我检查过这些帖子，但其中没有一篇对我有帮助

尝试

我正在使用下面的权限。但它仍然不起作用

我也试着用

而不是

pageUrl: {hostEquals: 'developer.chrome.com'}})

尝试了

“浏览器操作”：{…}，

而不是

“页面操作”：{…}，

。我正在保留

“浏览器操作”：{…}，

---

将

“activeTab”

添加到网站的权限或URL模式。我已经尝试过了。这就是我的权限<代码>“权限”：[“declarativeContent”、“activeTab”、“storage”]，它似乎仍然不起作用。编辑manifest.json后，您需要在

chrome://extensions

第页。无论如何，页面操作在现代Chrome中是毫无意义的，所以忘掉它和declarativeContent，只需使用browser_action即可。使用browser_action无需所有代码，请参阅和。你需要指定

“icons”

来拥有一个图标。是的，就像我说的，这个API现在已经过时了，而且它也有误导性，因为“show”在现代Chrome中没有任何作用（尽管它从未打开弹出窗口，它只在旧Chrome中的地址栏中显示图标）。只有单击图标时才会打开弹出窗口。

pageUrl: {hostContains: 'developer.chrome.com'}})

pageUrl: {hostEquals: 'developer.chrome.com'}})