javascript - 在 Google Chrome 扩展 API 中使用 declarativeContent 隐藏 pageAction

Question

这是我第一次制作 Chrome 扩展程序，说实话，我对 JS 不太有经验。

• 我想使用 persistent: false、declarativeContent 和 pageStateMatcher API 调用和权限，而不是选项卡和/或完整的原始 JS，如果这根本就是一个选择。

• 当 URL 包含除二级域名以外的任何内容时，我需要显示 pageAction 图标(co.uk 等外来域名除外):

  ☐google.com — 2lvl 域名
  ☐bbc.co.uk — 相当于 2lvl 域名的奇异 3lvl 域名
  ☑images.google.com — 3 级域名
  ☑google.com/search — 带路径的 2lvl 域名
  ☑news.bbc.co.uk — 异国情调的 4 级域名相当于 3 级域名
  ☑bbc.co.uk/article — 具有路径的奇异 3lvl 域相当于具有路径的 2lvl 域

• 我需要隐藏 pageAction 以与上述条件相反。

• 我需要通过单击 pageAction 执行的操作，通过 trim 除二级域以外的任何内容来更新 URL。

我还只是在检测部分工作，计划在完成这部分后添加 URL 更新功能。

ma​​nifest.json

{
  // Required
  "manifest_version": 2,
  "name": "Website Home Button",
  "version": "0.1",

  // Recommended
  "description": "Icon made by Freepik from www.flaticon.com is licensed by CC BY 3.0",
  "icons": {
    "48": "icon48.png",
    "128": "icon128.png"
  },
  // PageAction
  "page_action": {
    "default_icon": {
      "19": "icon19.png",
      "38": "icon38.png"
    },
    "default_title": "Website Home Button" //Tooltip
  },

  // Optional
  "author": "Murad 'Erquint' Beybalaev",
  "background": {
    "scripts": ["background.js"],
    // Recommended
    "persistent": false
  },
  "minimum_chrome_version": "18",
  "permissions": ["declarativeContent"]
}

背景.js

// Update the declarative rules on install or upgrade.
chrome.runtime.onInstalled.addListener(function() {
  chrome.declarativeContent.onPageChanged.addRules([{
    conditions: [
      // URL is not a 2lvl domain...
      new chrome.declarativeContent.PageStateMatcher(
        {
          pageUrl: {urlMatches: "[^.]+?\..+?(\.|\/).*"}
        }
      ),
      //Hostname is not a 3lvl .uk domain
      !(new chrome.declarativeContent.PageStateMatcher(
        {
          pageUrl: {hostSuffix: ".uk"}
        }
      ))],
    // ... show the page action.
    actions: [new chrome.declarativeContent.ShowPageAction() ]
  }]);
});

//[^.]+?\..+?(\.(?!uk)|\/).*
//(?<=\.)(.+?\..+)

在底部，您可以看到我将用于检测和 trim 的正则表达式，但是 pageStateMatcher 使用 RE2 进行正则表达式，并且它不支持环视(整个 API 感觉适得其反)对我来说)，所以我决定结合使用 hostSuffix 条件，但看在上帝的份上，我无法理解如何使用这些条件。

如果遵循 RE2 约束，我需要的逻辑是(伪代码)

if(
//URL contains more than just a 2nd-level domain
urlMatchRegExp("[^.]+?\..+?(\.|\/).*")
//AND URL isn't an exotic .uk 3rd-level domain.
&& !urlMatchRegExp("([^.]+?\.){2}uk"))
  {pageAction.show}
else
  {pageAction.hide}

如何嵌套/&&条件？
我如何!条件？
条件和事件似乎都不是 bool 值，因此逻辑运算符似乎对它们不起作用。
我应该放弃 API 并使用 JS RegExp 吗？
我可以在没有选项卡权限的情况下更新 URL 吗？

我很茫然。
任何指导将不胜感激。

附注
我只是尝试将此规则集与更强大的 RegExp 一起使用，但仍然没有环视:

[{
    conditions: [
      //URL is not a 2lvl domain...
      new chrome.declarativeContent.PageStateMatcher(
        {
          pageUrl: {urlMatches: "^[^.]+?\..+?(\.[^uk]|\/).*$"}
        }
      )],
    // ... show the page action.
    actions: [new chrome.declarativeContent.ShowPageAction() ]
  },{
    conditions: [
      //URL is not a 2lvl domain...
      new chrome.declarativeContent.PageStateMatcher(
        {
          pageUrl: {urlMatches: "^[^.]+?\.[^\.|\/]+?(\.uk)??$"}
        }
      )],
    // ... show the page action.
    actions: [new chrome.declarativeContent.HidePageAction() ]
  }]

但事实证明没有chrome.declarativeContent.HidePageAction()。

不满足条件时是否会自动隐藏？
我们来试试吧。
嗯，事实并非如此。
我正在尝试上面的方法，但没有隐藏规则，它显示在

example.com
www.example.com
example.com/index.html
www.example.com/index.html

无论如何。
它永远无处不在。
尽管没有隐藏规则，但调试时没有错误。

P.P.S.有点按照谷歌的模板重写了整个事情:
背景.js

chrome.runtime.onInstalled.addListener(function() {
  chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
    chrome.declarativeContent.onPageChanged.addRules([
      {
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
            pageUrl:  {urlMatches: "^[^.]+?\..+?(\.[^uk]|\/).*$"},
          })
        ],
        actions: [ new chrome.declarativeContent.ShowPageAction() ]
      }
    ]);
  });
});

仍然出现所有可能的误报。

P.P.P.S.
RE2 太烂了!
我将尝试使用更多 JS 的 tabs 。

Answer 1

事实证明，《RE2》是一场功能失调的灾难。
事实证明，一些 Chrome API 适得其反，令人厌恶。

使用 tabs 权限允许更多的 JS 灵 active ，与纯 API(+RE2)相比，它实际上有效。
无论如何，环视都得到了处理——它们是“常规”正则表达式的强大补充，但能力越大，责任越大。
基本的扩展能力已经具备。
计划中的“异国情调”域名和一些引人注目的调整。

感谢@Xan 提供的信息和建议。
如果有人对这个小项目感到好奇 - 你可以查看https://bitbucket.org/Erquint/website_home_button_extension_for_chrome