在新标签打开时触发 Chrome 扩展程序

Question

打开新标签页并加载 html 文档时，我需要运行 Chrome 扩展。

扩展程序需要检查新的标签页标题，如果它与预定义的字符串相同，标签页应该关闭。

现在，我已经设法编写了当我单击它的图标时可以运行的扩展程序。但是我想在页面加载到新选项卡后不点击图标就进入运行。

这是当前代码。

function getCurrentTabData(callback) {
  var queryInfo = {
    active: true,
    currentWindow: true
  };
  chrome.tabs.query(queryInfo, function(tabs) {
    var tab = tabs[0];
    var title = tab.title;
    var id = tab.id;
    callback(title, id);
  });
}

document.addEventListener('DOMContentLoaded', function() {

  getCurrentTabData(function(title, id) {

    if(title == 'Page title') {
        chrome.tabs.remove(id, function() { });
    }

  });
});

这是我的 manifest.json

{
  "manifest_version": 2,

  "name": "Auto close tab",
  "description": "Auto closes tab if title is matched",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "activeTab"
  ]
}

如何在不点击它的图标的情况下使其成为运行？

Answer 1

要完成此操作，您首先需要有一个后台页面来管理您的扩展程序状态。您可以在这里阅读：https://developer.chrome.com/extensions/background_pages

然后在后台页面脚本中，您需要在使用这段代码创建选项卡时进行监听：

chrome.tabs.onCreated.addListener(function callback)

这是相关文档：https://developer.chrome.com/extensions/tabs#event-onCreated

希望这对解决您的问题有所帮助。

在新标签打开时触发 Chrome 扩展程序

Trigger Chrome extension on new tab open

javascript

google-chrome

google-chrome-extension