google-chrome-extension - 仅在 "content_script"匹配时激活的浏览器操作

Question

我认为这是一个经常被问到的问题，但我找不到答案。有没有办法让 Chrome 扩展程序使其浏览器操作弹出窗口仅在 content_scripts 匹配页面上可用？

例如:我为一个网站做了一个扩展。我希望弹出窗口仅在浏览网站时可用(在当前选项卡上)。我该怎么办？

对我来说，默认情况下浏览器操作始终处于启用状态，无论我正在浏览什么页面，并且页面操作从未启用。

感谢您的帮助

编辑:这是 list 的一部分，我用 pageAction 进行了更改，但没有成功。我希望我的图标仅在浏览 LDLC 的选项卡上激活。

{
  "content_scripts": [ 
    {
        "js": [ "jquery.min.js", "scrooge.js" ],
        "matches": [ "*://www.ldlc.com/fiche/*", "*://ldlc.com/fiche/*" ]
      }],

   "manifest_version": 2,

   "permissions": [ "storage", "activeTab","*://ldlc.com/*", "*://scroogealpha.esy.es/*" ],

   "page_action": {
          "default_title": "Worth buying?",      // optional; shown in tooltip
          "default_popup": "popup.html"        // optional
    },

   "web_accessible_resources": [ 
    ],
   "background":{
    "scripts" : ["eventPage.js"],
    "persistent": false
   }
}

Answer 1

使用页面操作并在后台脚本中监听选项卡更改。当选项卡 URL 更改时，检查是否要显示页面操作。

在后台脚本中执行如下操作:

let matches = ["://www.ldlc.com/fiche/", "://ldlc.com/fiche/" ]
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
    for (let i in matches) {
        if (tab.url.includes(matches[i])) {
            chrome.pageAction.show(tabId)
            break
        }
    }
})

还在 list 中添加选项卡权限。