如何使用內容腳本中的popup.html注入iframe

Question

我想將popup.html注入到Web內容中。以下是我的想法

... page content 

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

是否有可能在web內容中顯示popup.html？

Answer 1

這是可能的。當manifest version 2是活動的（在Chrome 18引入，在鉻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絕對URL，如chrome-extension://...32 letters.../popup.html。