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

Question

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

... 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"],
  ...
}

框架本身可以通过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返回 的绝对 URL popup.html，例如chrome-extension://...32 letters.../popup.html。