使用多功能框擴展名加載頁面后，是否可以運行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。