Firefoxの拡張機能からWebページに要素を追加する方法

Question

タグときに私は、読み込まれたページにボタンを置くべきFirefoxの拡張機能を開発するつもりです：。<input type="file" ... >が発見され、ファイルが選択されています。

同様に、私は、Skypeツールバーが同じようなことないと思う：。ウェブサイトは、電話番号が含まれている場合、Skypeの拡張子は自動的にSkypeの連絡先を呼び出すためにクリックすることができ、ボタンに変換します。

...私はGNU / Linuxシステム上だし、残念ながらSkypeの拡張機能は、Firefox /スカイプのLinuxバージョンでは動作しませんので、私も何をリバースエンジニアリングしようとすることはできません

Firefoxの拡張機能は、ファイルoverlay.jsが含まれています。このファイルには、拡張子のための主要なロジックが含まれています。ここで私は単純に、このコードで<=>ノードを見つけることができます：

onFileChosen: function(aEvent) {
var input = aEvent.explicitOriginalTarget; 
if(input.type=="file"){
    alert(input.value); }
}

window.addEventListener("change", function(e) {xpitest.onFileChosen(e)},false);

ファイルが選択されているとき

ですから、警告ウィンドウが表示され、ファイル名を示しています。

しかし、私は、ファイルが選択されているページにボタンを配置することができますどのように？

私は、様々なdocument.parentNodeとsimilarsにしようとしてきたが、何も動いていないようにみえます。

それとも、私がロードされたページにものを置くことができない可能性がありますか？

おかげ

Answer 1

クロムコンテキストから、あなたはtop.window.content.documentを使用して、現在のコンテンツドキュメント（ファイル選択で、例えばページ）を取得することができます。その時点で、それはあなたのJSは、ページ上で実行されているだけのようです。それでも解決しない場合は、できるだけ多くの情報をのあなたのコードのを投稿してください。 chromeコードするでウィンドウの操作もを参照してください。

そして、あなたは間違いなくページに物事を注入することができます。