我的 Chrome 扩展有一个内容脚本,可以将自定义 DIV 注入当前页面。这部分有效。
但是,该扩展还有一个右键单击上下文菜单,单击该菜单时,应该以某种方式修改此注入的 DIV(比方说,向该 DIV 添加一些文本)。问题是找不到注入的内容。右键菜单处理程序位于Background.js 中,该文件对内容一无所知。
清单.js
"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"css": ["contentstyle.css"],
"js": ["jquery-1.11.2.min.js", "contentscript.js"],
"background": {
"persistent": true,
"scripts": ["background.js"]
},
内容脚本.js
// Add Custom DIV - works OK
var div = document.createElement( 'div' );
div.id = 'infoDiv';
document.body.appendChild( div );
document.getElementById('infoDiv').innerHTML = 'TEST';
背景.js
// Add menu - gets added, but can't see Injected Content from here
chrome.contextMenus.create({
"title": "My Right-Click Menu",
"contexts": ["image"],
"onclick" : changeDiv
});
function changeDiv(e)
{
var divHTML = document.getElementById('infoDiv').innerHTML;
alert('Current HTML in DIV: ' + divHTML);
}
我无法从后台脚本获取 divHTML,存在某种错误并且没有警报框。背景和内容之间可以沟通吗?我被迫在后台脚本中实现菜单,对吧?