Jetpackで簡単Firefox拡張

Posted by Toc on 5 月 21, 2009 in Jetpack |

Jetpack

Jetpackを使えば、JavaScriptの知識だけでFirefoxの拡張ができるようになったらしいので早速試してみた。

Simple Clock

単に時計が表示されるだけです。

インストールするには、まず公式ページからJetpack本体をインストールします。
Jetpack公式サイト

Firefoxを再起動したら下記ページでインストールできます。
simpleclockインストール

(function(){
  jetpack.statusBar.append({
    width: 220,
    onReady: function(widget){
      var widgetBody = $(widget.body).css({
        textAlign: "center"
      }).html(clock.time()).dblclick(function(){
        jetpack.tabs.focused.contentWindow.open("http://monomo.info", "_blank");
      });
 
      setInterval(function(){
        widgetBody.html(clock.time());
      }, 1000);
    }
  });
 
  var clock = {
    days: ["日", "月", "火", "水", "木", "金", "土"],
    time: function() {
      var now = new Date;
      return $.map([
        now.getFullYear(),
        now.getMonth() + 1,
        now.getDate()
      ], zeroPad).join("/") + "(" + clock.days[now.getDay()] + ") " + $.map([
        now.getHours(),
        now.getMinutes(),
        now.getSeconds()
      ], zeroPad).join(":");
    }
  };
 
  function zeroPad(v) {
    return (v < 10) ? ("0" + v) : v;
  }
})();