使用多功能框扩展名加载页面后，是否可以运行javascript？

Question

我正在尝试构建多功能框扩展程序。 本质上，我希望此扩展程序提取一个URL，然后等待该URL加载，然后执行一些简单的JavaScript。

不确定将较长的代码块放在问题中是否值得赞赏，如果没有，请随时对我大喊大叫。

manifest.json的：

{
    "manifest_version": 2,
    "name": "AutoATR",
    "version": "0.1",
    "omnibox": { "keyword" : "atr" },
    "icons": {
      "16": "package.png"
    },
    "background": {
      "persistent": true,
      "scripts": ["background.js"]
    }
}

background.js：

function resetDefaultSuggestion() {
  chrome.omnibox.setDefaultSuggestion({
  description: 'atr: Placeholder: %s'
  });
}
resetDefaultSuggestion();

function navigate(url) {
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) 
{
  chrome.tabs.update(tabs[0].id, {url: url});
  });
}

function finder(theID) {
  document.getElementById('theElement').value=theID
  document.getElementsByClassName('btn')[1].click()
}

chrome.omnibox.onInputEntered.addListener(function() {
    // Navigate to URL
    navigate("https://theURL.com");
});

// **** Would like to wait for just this tab to load. 
// Then Execute finder(). ****

Answer 1

您可以将清单用于您的任务：将tab的后台脚本位置中的位置更改为pathURL，并在manifest.json中添加下一个代码：

  "content_scripts": [{
            "matches": ["http://pathURL"],
            "js": ["js/script.js"]
        }]

在您的浏览器选项卡路径与“ http：// pathURL ”模式匹配之后，将加载js / script.js。