jetpackで表示中のURLをQRコードにするアドオン作った

googlejetpackのおかげで簡単に作れたけど、なんかステータスバーが太る。
ちょっと努力した(文字をoverflow:hiddenのdivでくくってみたり)けどうまくいかなくて、めんどくさくなって、逆に考えるんだ、太ってもいいと考えるんだ(ぇ

jetpack.statusBar.append({
	html: 'QR',
	width: 16,
	onReady: function(doc){
		var qr = doc.createElement('img'),
			s = qr.style;
		s.position = 'fixed';
		s.right = '10px';
		s.bottom = '10px';
		s.border = '1px solid black';
		s.zIndex = '1000';

		$(doc).mouseover(function(){
			qr.src='http://chart.apis.google.com/chart?chs=200x200&cht=qr&chl=' + encodeURI(jetpack.tabs.focused.url);
			$(jetpack.tabs.focused.contentDocument).find('body').append(qr);
		});

		$(doc).mouseout(function(){
			$(qr).remove();
		});
	}
});


http://jetpack.stage.mozilla.com/jetpacks/66

↑ここからインストール。
で、jetpack galleryに公開してる奴とはソースが違う。
なんでかっつーと、galleryのバグでアンバサンドが実体参照に置換されちゃうから( & → & )。
Webからやったからかなとか思ったら、ファイルからやっても置換されて唖然。
早く直してほしいなぁ。グリモンと違ってgistとかでブログに貼り付けるとかはできないし。