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

您可以使用 url 访问可访问网络的资源，例如 chrome:///test.html。

如果您不知道，可以在 chrome://extensions 选项卡中找到您的扩展程序 ID。只需将其置于开发人员模式，扩展 ID 就会显示在每个扩展下。此 ID 不会更改，它与您在 pem 文件中生成的密钥相关联。

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

Chrome Extension - Load included HTML-file from JavaScript using JQuery

html

javascript

jquery

google-chrome

google-chrome-extension