google-chrome-extension - コンテンツスクリプトから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

それは可能です。マニフェスト バージョン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の絶対 URL を返しpopup.htmlますchrome-extension://...32 letters.../popup.html。