Firefox Extension開発入門1

FirefoxのURL入力するところにabout:configと入れると設定がリストアップされる。以下のように変更。なければ、新規作成する。

• javascript.options.showInConsole=true
• nglayout.debug.disable_xul_cache=true
• browser.dom.window.dump.enabled=true
• javascript.options.strict=true

Firefox再起動。

DOS窓から以下のコマンドでFirefoxのインスタンスを起動。ここではプロファイル名としてdevを用いる。
set MOZ_NO_REMOTE=1
"\Program Files\Mozilla Firefox\firefox.exe" -P dev

以下のフォルダを作成

• C:\FFExtension
• C:\FFExtension\my
• C:\FFExtension\my\chrome
• C:\FFExtension\my\chrome\content

以下のファイルを作成

• C:\FFExtension\my\chrome.manifest
  
• C:\FFExtension\my\install.rdf
• C:\FFExtension\my\chrome\content\my.xul

プロファイル関連ファイルを作成。OSごとのフォルダ構造はここを参照。

• [Profiles]\[ID]\extensions\{a58fa49f-acb8-43f8-b3b5-e69f552f6a7d}

chrome.manifest:

content sample chrome/content/
overlay chrome://browser/content/browser.xul chrome://sample/content/my.xul

my.xul:

<overlay id="sample"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<statusbar id="status-bar">
<statusbarpanel id="my-panel" label="Hello, Firefox extension"/>
</statusbar>
</overlay>

{a58fa49f-acb8-43f8-b3b5-e69f552f6a7d}:

C:\FFExtension\my\

install.rdf:

<?xml version="1.0"?>
<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:em="http://www.mozilla.org/2004/em-rdf#">

<Description about="urn:mozilla:install-manifest">
<em:id>{a58fa49f-acb8-43f8-b3b5-e69f552f6a7d}</em:id> <!-- 拡張機能ごとにUUIDを生成(*) -->
<em:version>1.0</em:version> <!-- 拡張機能のバージョン -->
<em:type>2</em:type> <!-- 2:拡張機能、4:テーマ、8:ロケール、16:プラグイン、32:... -->

<!-- Target Application this extension can install into,
with minimum and maximum supported versions. -->
<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <!-- Firefox固有のUUID -->
<em:minVersion>1.5</em:minVersion>
<em:maxVersion>2.0.0.*</em:maxVersion>
</Description>
</em:targetApplication>

<!-- Front End MetaData --> <!-- 拡張機能の説明(人間用) -->
<em:name>my sample</em:name>
<em:description>A test extension</em:description>
<em:creator>inoue@ariel-networks.com</em:creator>
<!--em:homepageURL>http://dev.ariel-networks.com/</em:homepageURL-->
</Description>
</RDF>

一応、FireFoxを再起動して、devプロファイルでウィンドウを開くと、ステータスバーにHello...が表示される。



最後になりましたが、Firefox拡張機能(extension)の作り方を参考にさせていただきました。