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

Question

我想将popup.html注入Web内容.以下是我的想法

... page content

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

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

Answer 1

那是可能的.当清单版本 2处于活动状态时(在Chrome 18中引入,Chrome 23中需要),您必须将该页面包含"web_accessible_resources"在清单文件的部分中:

{ ...
    "web_accessible_resources": ["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.

chrome.extension.getURL返回popup.html例如的绝对URL chrome-extension://...32 letters.../popup.html.