javascript - chrome 扩展 - 特定页面的页面操作

Question

我想使用 pageAction api 将自定义图标添加到多功能框

https://developer.chrome.com/extensions/pageAction

如何仅针对特定网址/匹配模式执行自定义页面操作？是否可以针对特定网址注册事件？

例如，如果用户访问 foobar.com 则执行自定义页面操作。对于其他页面我不想做任何事情。

Answer 1

我认为 PageStateMatcher 就是你想要的。 Documentation在这里。

比如

  new chrome.declarativeContent.PageStateMatcher({
    pageUrl: { hostEquals: 'www.google.com', schemes: ['https'] },
    css: ["input[type='password']"]
  })

这是 Chrome 示例按 URL 进行页面操作。检查 PageStateMatcher 部分。

// When the extension is installed or upgraded ...
chrome.runtime.onInstalled.addListener(function() {
  // Replace all rules ...
  chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
    // With a new rule ...
    chrome.declarativeContent.onPageChanged.addRules([
      {
        // That fires when a page's URL contains a 'g' ...
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
            pageUrl: { urlContains: 'g' },
          })
        ],
        // And shows the extension's page action.
        actions: [ new chrome.declarativeContent.ShowPageAction() ]
      }
    ]);
  });
});