Chrome扩展程序 - 使用JQuery从JavaScript加载包含的HTML文件

时间:2015-06-25 09:21:51

标签: javascript jquery html google-chrome google-chrome-extension

我正在尝试制作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文件。所有帮助表示赞赏。谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用chrome:///test.html。

等网址访问可通过网络访问的资源

如果您不知道,可以在chrome:// extensions标签中找到您的扩展程序的ID。只需将其置于开发人员模式,扩展名ID将显示在每个扩展名下。此ID不会更改,它与您在pem文件中生成的密钥绑定。