Firefox拡張
ウェブ・ブラウザの Mozilla Firefox の拡張について
おすすめアドオン
- Web Developer - Web開発にはもちろん、開発に興味なくても便利。
- IE Tab - IEでしか見れないページにはこれで対応。重い？
- Google ツールバー - ググる。重い？
- Gspace - Gmailの容量にいろいろなファイルを保存。オンライン・ストレージとして使う。
- CacheViewer - キャッシュの検索・ソート。
- ScrapBook - Webページの保存と整理。
- Configuration Mania - 様々な隠し設定を変更するためのパネル。
- Menu Editor - メニューの表示設定。
- All-in-One Sidebar - サイドバーに表示。
- Ubiquity - コマンド操作を実現するための拡張機能。マウスよりキーボードって人にはおすすめ。
- StumbleUpon Toolbar - 海外の人気サイトをウェブ・サーフィン。要登録。
- Tombloo - SBMなどへの投稿を簡単に。
- FoxyTunes - Web上の音楽情報の収集支援。プレーヤー付き。
- NoScript - Java,JavaScriptなどを制限。セキュリティ強化。重い？
- Adblock Plus - 読み込みにフィルターをかけて広告をブロック。重い？
開発者向け
- Firebug: デバッグツール。
- Page Speed: Firebugの拡張
- User Agent Switcher: ユーザーエージェントで表示を切り替えている場合のチェックなどに。
- Extension Developer's Extension: アドオン作成に便利なエディタなど。
- Pencil: デザイン。GUIプロトタイピング。
Greasemonkey
ユーザースクリプトを実現するための拡張機能。サイトをいじって閲覧。
参考になるサイト：Greasemonkey入門 | Mozilla Firefox まとめサイト | Dive Into Greasemonkeyの日本語訳
サンプルコード
すべてのページでHelloと表示するユーザースクリプト。Greasemonkeyを有効にして開く。
hello.user.js
// ==UserScript==
// @name Hello
// @namespace http://kittttttan.web.fc2.com/xul/
// @description Only Alert "Hello" on Everypage
// @include *
// ==/UserScript==
alert("Hello");
UserScriptの部分に、実行するURL(@include …)などを記入。コード本体はJavaScript。
JavaScriptについては開発室が参考になるかも。
XUL
Mozillaアプリケーション用のXMLであるXUL関連。
Firefoxのアドオンを作ってみたいと思った。
詳しくはFirefox拡張機能開発チュートリアル (XHTML)を読んでください。
アドオンを簡単に作るためのAPIが出てた →jetpack
サンプルコード
ウィンドウの中央に Hello, world を表示するコード。Firefoxで開く。
hello-xul.xul
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="hello" title="Hello World" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<box align="center" pack="center" flex="1">
<description>Hello, world</description>
</box>
</window>
QRコード生成 - Google Chart API を使って、見ているページのURLからQRコードを作成するアドオン。
