Firefox拡張機能を構築する方法


始めてからずっとリリース - 醸造 Firefox 拡張機能ここLifeHackerでは、数人の読者が尋ねました。Firefox拡張機能を構築するのはどれほど難しいですか?少しプログラミングの経験がある人にとって、答えはそれほど難しくありません。

Firefox拡張機能の肉は、単にJavaScript - それほど重要ではないブックマークレットと通常の古いWebページ - と呼ばれるマークアップ言語です選択(「Zool」と発音されます。)独自のものを構築するには、JavaScriptのノウハウ、XMLファイルの快適さ、お気に入りのWebブラウザーをあなたの意志に曲げることについての健全な好奇心が必要です。

2年以上前にWeb上の無料チュートリアルを使用してFirefox拡張機能を構築する方法を自分で教え始めました。 Firefox拡張機能の作成に関する本全体が書かれていますが、今日は、試してみたいという好奇心の強いプログラマーのためのリソースのクイックスタートリストがあります。

警告と免責事項:この投稿は通常のライフハッカー料金ではありません。これは、Firefox開発で足を濡らしたいLifeHackerだけでなく、実際のハッカーを対象としたプログラミングチュートリアルです。この直後に普通の人間に適用できるハウツーに戻ります。

開発環境を設定します

まず最初に:Firefox拡張機能を開発する予定ですか?残念ながら、Firefoxのプロフィールを完全にホースすることになります。これは可能性ではなく、保証です。だから、自分自身に好意を与え、開発にのみ使用する新鮮なFirefoxプロファイルを作成してください。作成と管理方法は次のとおりです複数のFirefoxプロファイル。迅速なコード参照ルックアップのために実行しているデフォルトのプロファイルを使用することを楽しんでいます。その記事。

新鮮できれいな開発プロファイルをロードしたら、いくつか作りたいと思いますについて:いくつかの開発拡張機能を調整してインストールしますあなたの人生を楽にするために。

こんにちは、Firefox Extension World!

2004年12月に、心のないウェブサーフィンの間に、私はエリックハミターの優れたことを偶然見つけましたFirefox拡張機能を作成する方法チュートリアルとそれは、拡張開発への道を開始した単一のリンクでした。チュートリアルは少し日付が付けられています(特にFirefox 2以来)が、Mozilla Developer Centerのオフィシャルには素晴らしい補完です拡張機能の構築書類。

指示に従って、特定のXMLおよびJavaScriptファイルを特定のフォルダーに多くの配置し、正しい方法でジップアップすることを含む - 「Hello、World!」をポップアップする単純な拡張機能を作成できます。 JavaScriptアラート。それを行う - すべてのプログラマーは、世界に挨拶することで新しい言語を始めます。

余分なHello Worldのヘルプについては、ご覧くださいモジラジンは拡張開発を始めています。他の多くのスリー拡張開発チュートリアルはこちらから入手できます。

エクステンションウィザード

拡張開発の溝に入ると、奇妙に名前のあるフォルダーとファイルをすべて作成するのにすぐに疲れます。それがここですTed Mielczarekのエクステンションウィザード便利です。拡張機能の情報:ID、アイコン、ライセンス、著者、その他の情報を提供し、拡張機能フォルダーとファイルスケルトンを生成します。

Greasemonkeyコンパイラ

もう1つの魔法の拡張ヘルパーは、以前に投稿されたものですGreasemonkeyユーザースクリプトコンパイラ。GreasemonkeyスクリプトはJavaScriptです。そして、このコンパイラはそのスクリプトを本格的な拡張機能に変えます。 (注:より良いGmailExtensionとLifeHackerでここでリリースされたすべての兄弟兄弟は、このコンパイラを使用して始まりました。

wtf、選択?

拡張開発の急な学習曲線の1つは、Xulの周りに頭を導くことと、Firefoxのメニュー項目やダイアログボックスなどの要素を作成する方法です。このように考えてみてください:Xulは、HTMLのようなFirefoxインターフェイスを作成しますWebページを作成します。 (しかし、XMLであるため、Xulには、どのタグが許可されているかについて、より厳しいルールがあります。)

たとえば、リンゴ、オレンジ、チェリー用のラジオボタンを備えたシンプルなXULベースのウィンドウは、Xulでこのように見えます。

XULの実験を開始するには、インストールします拡張開発者の拡張機能開発プロフィールで。ツールメニューから、拡張開発者Submenuを選択して、「Xul Editor」を選択して、「Xul Editor」を使用して、次のようにライブでプレビューするXulドキュメントの作成を開始します。

最後に、Xulチュートリアルの完全なリファレンスとマザーロードはで利用できますXul Planet

拡張機能を自動化します

拡張機能が機能し、開発Firefoxプロファイルで準備ができたら、それをジップアップして、「実際の」Firefoxインストールで試してみたいと思います。これを手動で行うことは、but部の疲れた痛みですので、自分に好意を与え、バッチスクリプトを使用して、プロセスを単一のコマンド操作に削減します。これの変更されたバージョンを使用していますWindowsビルドスクリプト拡張機能をパッケージ化します。

人生のすべての良いことと同様に、Firefox Extension Developmentには深刻な投資が必要ですが、報酬は、あなたのWebブラウザーにあなたが望むことを正確に行わせることを驚かせます - は巨大です。

拡張開発を試してみる準備ができましたか?コメントにどのように進むか教えてください。