如何从内容脚本中使用popup.html注入iframe

Question

我想将popup.html注入网页内容。以下是我的想法

... page content

<div> <--! injected content !-->
   <iframe src="chrome-extension:/21jk32j11k3kj11/popup.html">
   </iframe>
</div>

是否可以在网络内容中展示popup.html？

Answer 1

这是可能的。当manifest version 2处于有效状态时（Chrome 14中引入，Chrome 23中需要），您必须将该页面包含在"web_accessible_resources" section of the manifest file中：

{ ...
    "web_accessible_resources": ["popup.html"],
  ...
}

框架本身可以通过Content script注入，请参阅文档以了解用法和示例：

// 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.

chrome.extension.getURL会返回popup.html的绝对网址，例如chrome-extension://...32 letters.../popup.html。