Chrome擴展程序-使用JQuery從JavaScript加載包含的HTML文件

Question

我正在嘗試使用chrome擴展程序來修改頁面的HTML，但似乎無法使其正常工作。 我有四個文件：

manifest.json：

{
    "manifest_version": 2,

  "name": "Agor.aio h3cks scrubz lel",
  "description": "Dis sextenzion iz wery guud",
  "version": "1.0",
  "background": {
    "page": "test.html"
  },
  "content_scripts": [
     {
       "matches": ["http://agar.io/*"],
       "js": ["contentscript.js"],
       "run_at": "document_end"
     }
   ],
    "web_accessible_resources": ["script.js", "test.html"]
}

contentscript.js：

var s = document.createElement('script');
s.src = chrome.extension.getURL('script.js');
s.onload = function() {
this.parentNode.removeChild(this);
};
(document.head||document.documentElement).appendChild(s);

script.js：

$('#overlays').load('test.html');

var changeRegion = function(region) {
  if(region === "Other") {
    $('#changeip').toggle();
  } else {
    setRegion(region);
  }
}

var changeIP = function(ip){
  try {
    connect("ws://" + ip);
  } catch(err) {
    console.log(err);
    setRegion(document.getElementById('region').value);
  }
}

var playGame = function(nick) {
  setNick(nick);
  setShowMass(true);
}

我不知道如何從script.js內加載test.html文件。 感謝所有幫助。 謝謝！

Answer 1

您可以使用chrome：///test.html之類的網址訪問可通過網絡訪問的資源。

如果您不知道，則可以在chrome：// extensions標簽中找到擴展的ID。 只需將其置於開發人員模式下，擴展ID就會顯示在每個擴展下方。 此ID不會更改，而是與您在pem文件中生成的密鑰相關聯。