Question

我坚持看似简单的事情。我试图在谷歌浏览器扩展中在用户访问的每个页面中注入我自己的div。我查看了网络上的例子，但似乎没有任何东西与我合作：s

这是我的manifest.json

{
"name": "My extension",
"version": "1.0",
"permissions": [
    "http://*/*", "tabs", "https://*/*"
],
"browser_action": {
    "default_title": "My extension",
    "default_icon": "icon.png"
},
"manifest_version": 2,
"content_scripts": [
  {
    "matches": ["http://*/*", "https://*/*"],
    "js": ["test.js"],
    "run_at": "document_end",
    "all_frames": true
  }
]
}

我的test.js

var newdiv = document.createElement('div'); 
newdiv.setAttribute('id','this_is_my_own_div');
document.body.appendChild(newdiv);

但我在源代码中一无所获...... 我的div没有创建。如何检查我的test.js是否正在运行？我无法理解为什么它与他人合作而不是与我合作：s 任何帮助欣赏！

Answer 1

尝试尝试：

"browser_action": { "default_title": "My extension", "default_icon": "icon.png" },

而不是：

"browser_action": { "name": "My extension", "icons": ["icon.png"] },

注入内容脚本不起作用的div

1 个答案: