Javascript 打开新选项卡时触发Chrome扩展

Javascript 打开新选项卡时触发Chrome扩展,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,我需要在打开新选项卡并加载html文档时运行Chrome扩展 扩展需要检查新的标签标题,若它等于预定义的字符串,标签应该关闭 现在,当我点击它的图标时,我已经成功地编写了可以工作的扩展。但是我想让它在页面加载到新标签后不点击图标就运行 这是当前的代码 function getCurrentTabData(callback) { var queryInfo = { active: true, currentWindow: true }; chrome.tabs.quer

我需要在打开新选项卡并加载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"
  ]
}

如何让它在不点击图标的情况下运行?

要实现这一点,首先需要有一个后台页面来管理扩展状态。您可以在此处阅读:

然后,在后台页面脚本中,当使用以下代码创建选项卡时,您需要聆听:

chrome.tabs.onCreated.addListener(function callback)
以下是相关文档:

希望这将有助于解决您的问题