Chrome扩展程序：将DIV附加到内容脚本中的BODY元素不起作用

Question

在我的Google Chrome扩展程序中，我想通过将DIV附加到BODY元素来向网站注入一些HTML代码。我目前的测试内容脚本如下所示：

window.onload = function() {
  $('body').css('background-color', 'blue'); // just for testing
  $('body').append("<div>hello world</div>");
};

背景颜色确实变为蓝色。然而，附加DIV似乎不是。至少我在页面或页面源代码中找不到任何内容。我在这里缺少什么？

Answer 1

您无需添加 window.onload ，因为内容脚本会在页面加载后加载see this page。记得在emerist中正确添加权限：

"permissions": [
   "activeTab",
   "tabs",
   "http://*/*", "https://*/*"
],
"content_scripts": [
  {
    "matches": ["<all_urls>"],
    "js": ["js/contentscript.js"]
  }
]

我假设您的内容脚本将加载到所有选项卡中，并从js文件夹中加载内容脚本。