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

Question

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

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

清单.json：

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

背景.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

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

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

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