Google chrome extension 如何从内容脚本向iframe注入popup.html

Google chrome extension 如何从内容脚本向iframe注入popup.html,google-chrome-extension,Google Chrome Extension,我想将popup.html注入web内容。下面是我的想法 ... page content <div> <--! injected content !--> <iframe src="chrome-extension:/21jk32j11k3kj11/popup.html"> </iframe> </div> 。。。页面内容 是否可以在web内容中显示popup.html?这是可能的。当2处于活动状态时(在Chrome

我想将popup.html注入web内容。下面是我的想法

... page content

<div> <--! injected content !-->
   <iframe src="chrome-extension:/21jk32j11k3kj11/popup.html">
   </iframe>
</div>
。。。页面内容
是否可以在web内容中显示popup.html?

这是可能的。当2处于活动状态时(在Chrome 18中引入,在Chrome 23中需要),您必须将该页面包括在以下内容中:

框架本身可以通过a注入,有关用法和示例,请参阅文档:

// Within a content script:
var f = document.createElement('iframe');
f.src = chrome.extension.getURL('popup.html');
document.body.appendChild(f); // Append to body, for example.
返回
popup.html
的绝对URL,例如
chrome-extension://...32 字母…/popup.html

// Within a content script:
var f = document.createElement('iframe');
f.src = chrome.extension.getURL('popup.html');
document.body.appendChild(f); // Append to body, for example.