拡張機能の中身 - Mozilla | MDN
拡張機能は複数のファイルで構成されており、それらのファイルが配布・インストール用にパッケージ化されたものです。この記事では、拡張機能に含まれるファイルについて簡単に説明します。 どの拡張機能においても不可欠な唯一のファイルです。このファイルには名前やバージョン、必要とするパーミッションなど、拡張機能に関する基本的なメタデータが含まれます。加えて、アドオンに含まれている他のファイルへの参照も含んでいます。 このマニフェストには、下記のファイルに対する参照を含めることができます。 バックグラウンドスクリプト 長時間動作するロジックを実装します。 アイコン 拡張機能とそれが定義するボタンのアイコン。 サイドバー、ポップアップ、オプションページ 色々な UI コンポーネントを提供する HTML 文書です。 コンテンツスクリプト 拡張機能に含まれる JavaScript で、ウェブページに挿入するも
Firefoxアドオン開発環境を構築してみた(Windows) - Qiita
参考サイト http://web-programmers-blog.com/firefox-addon/firefox-add-on-sdk-2014/ また、上のページからリンクされている https://dev.mozilla.jp/2011/08/add-on-sdk-install-knagato/ も参考になります。 上のサイトが詳しいので参考にすれば環境構築は出来ますが、ここではスクリーンショットと共に作業手順をまとめてみました！詳細な説明は省いていますのでご了承下さい。 開発環境の準備 Python2系のインストール 後述のアドオン開発環境であるAddOnSdkがPythonで書かれているため、Python2系のインストールする。Python3系はAddOnSdkでまだサポートされていない。 https://www.python.org/ パスを通す C:\Python27に
WebExtensionを書いてみよう
あなたはMozilla’s WebExtensionsについて聞いたことがあると思います。 マルチプロセス(e10s)に対応した新しいブラウザ拡張の実装です。 たぶんあなたは「それは何？私は使えるの？」と思ったでしょう。まあ、私は助けるためにここにいます! たぶんMDN’s WebExtensions docsが開発を始めるのにとても適している場所だと思います。 WebExtensionはFirefox extensionを書く新しい方法です。 このテクノロジーはクロスブラウザ互換性の為に開発されました: 膨大な量のAPIがGoogle ChromeやOperaがサポートしているextension API と互換性を保っています。 他のブラウザの為に作られたアドオンは大抵の場合、少しの変更を加えるだけで動きます。APIもまたmultiprocess Firefoxとほぼ互換性を保っています
ブラウザー拡張機能 - Mozilla | MDN
ブラウザー拡張機能 始めましょう 拡張機能とは何か？ 初めての拡張機能 2 つめの拡張機能 拡張機能の中身 拡張機能の例 次にどうするのか？ 概念 JavaScript API 群 コンテンツスクリプト Background scripts マッチパターン ファイルの操作 国際化 Content Security Policy ネイティブメッセージング Differences between API implementations Chrome との非互換性 ユーザーインターフェイス ユーザーインターフェイス ツールバーボタン アドレスバーボタン サイドバー コンテキストメニュー項目 オプションページ 拡張機能ページ 通知 Address bar suggestions 開発者ツールパネル 逆引きリファレンス HTTP リクエストへの介入 ウェブページを変更する Insert extern
パッケージ化とインストール | MDN
この記事では、WebExtension を Firefox にインストールする方法を 2 つ紹介します。 ディスクから読み込む: アドオンの開発中にテストしたい場合に最も簡単な方法です。 パッケージ化してインストールする: この方法を用いると、アドオンをインストール可能なファイルにパッケージ化し、Firefox へ永続的にインストールさせることができます。自分の作ったアドオンを他の人に配布する際はこの方法を用いることになります。また、リリース版の Firefox にインストールさせるには、アドオンに署名をすることも必要になります。 WebExtension を Firefox で動作させるには、この方法が最もシンプルです。また、ブートストラップ型拡張機能 や Add-on SDK を使ったアドオン といった、再起動の要らないアドオンはすべてこの方法でインストールできます。 ここでは Fir
初めての拡張機能 - Mozilla | MDN
{ "manifest_version": 2, "name": "Borderify", "version": "1.0", "description": "Adds a solid red border to all webpages matching mozilla.org.", "icons": { "48": "icons/border-48.png" }, "content_scripts": [ { "matches": ["*://*.mozilla.org/*"], "js": ["borderify.js"] } ] } 最初の 3 つのキー manifest_version、name、version は必須であり、拡張機能の基本的なメタデータを指定します。 description は省略可能ですが、設定しておくことをお勧めします。この値はアドオンマネージャーに表示され
Firefoxアドオンの作り方[拡張機能の開発]
アドオンの開発方法は一応公式にちゃんと書いてあるんですが、情報がばらけていて「とりあえずこれを順番に読めば大丈夫」と言えるものがないので、私自身初心者ですがここに簡単にアドオンの作成方法をまとめておきます。 ただし、ある程度プログラミングの知識があることを前提にしています。 基本 1.準備 2．install.rdf 3．XUL 4.XUL（補足） 5.設定ウインドウ 6'．ローカライズ 7.重要な補足 その他 Tips アドオンの翻訳仲介サイトBabelZilla の使い方 意見、感想などはこちらから リンク 公式サイト Mozilla Developer Center(拡張機能) Code snippets（便利なコード集） DOM Reference (document,windowオブジェクトなどについて) アドオン開発者による解説 Firefox 3ではじめる拡張機能開発（特に第
Firefox WebExtension & Chrome Extensionの開発メモ - Qiita
WebExtension, Extension ブラウザの拡張機能。JavaScriptとブラウザ提供のAPIで開発する。 Firefox WebExtensionとChrome Extensionについては Firefox が拡張機能用API 「WebExtension」採用を発表。Chrome互換 & マルチプロセス対応 - Engadget 日本版 を参照。 かなり雑多なメモ。Extensionの制作を今から始めるならChromeが良さそう。FirefoxのWebExtensionのAPIはまだ育成中な印象。 公式のチュートリアル WebExtensions: 英語: Browser Extensions - Mozilla | MDN チュートリアルは少ない。その代わり Example extensions - Mozilla | MDN の製作例が豊富。 中でもnotify-li
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Temporary installation in Firefox