Jetpack を触ってみた

今日は雨で外に出る気にならなかったので、
javascriptでFirefoxの拡張が作れるという"jetpack"がMozilla Labsからリリースされたので、ちょっといじってみた。

Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web

必要なもの・こと

• jetpackのインストール
• javascriptのファイル
• 公開用のHTML

作ったもの

これで何を作るか迷ったが、いろいろ悩んだ末、自分がよく使うalcの検索結果から広告などを除去するものを作ってみた。

↓をインストールすると、画面右下に"removeAds"という文字が現れます。
ALCの検索結果のページでこの文字をクリックすると広告などが消えすっきりした画面になります。

■Javascriptのファイル（adsRemover.js)

jetpack.statusBar.append( {
	html: "removeAds",
	width: 80,
	onReady: function(widget) {
		$(widget).click(function() {
			var doc = jetpack.tabs.focused.contentDocument;
			$(doc).find("iframe").remove();
			$(doc).find("#AreaUpperRight").remove();
			$(doc).find("#AreaHeaderLeft").remove();
			$(doc).find("#AreaHeaderCenter").remove();
			$(doc).find("#AreaHeaderRight").remove();
			$(doc).find("#AreaGnavi").remove();
			$(doc).find("#AreaSponsorSite").remove();
			$(doc).find("#AreaSponsorSite").remove();
			$(doc).find("#AreaLowerLeft").remove();
			$(doc).find("#AreaFooter").remove();
		});
	}
});

■公開用のHTMLファイル

jetpackのjavascriptファイルを公開するためには、
HTMLファイルに以下を入れるだけでOK！

<link rel="jetpack" href="adsRemover.js" />

※ご利用は自己責任で。