Introduction to Jetpack

Jetpack是Mozilla Labs推出的一种全新的Firefox扩展方式, 官方的一句话很好地解释了Jetpack的作用:

In short, Jetpack is an API for allowing you to write Firefox add-ons using the web technologies you already know.

这篇文章旨在全面但不深入地介绍Jetpack的特性, 帮助用户和开发人员更好地了解Jetpack.

抄袭下可能吧的经典绿条, 希望Jason Ng同学不要介意.

一、怎样获得Jetpack?

不管你是运行还是开发Jetpack扩展, 都需要首先安装Jetpack的Firefox扩展 (这句话有点绕, 可以把后一个扩展看作是Jetpack的API包), 就像平时安装Firefox扩展一样, 下载安装完毕后重启Firefox就行了.

二、对于普通用户, Jetpack该怎样使用?

只要你安装了刚才的扩展, 当打开包含Jetpack程序的页面时Firefox就会自动提醒你是否安装:


点击"Install..."以后, 可能会转到一个Firefox的警告页:

不用紧张, 只要你是从可信赖的站点安装的就没有问题, 这时需要等到代码加载完毕, 然后就可以点击按钮安装了, 也可以勾选上"Auto-update this feature", 以便自动更新.

当显示"Installation Successful"之后, 一个Jetpack扩展就算安装完毕了, 这同时也是Jetpack不同于普通Firefox扩展的一点: 安装后不需要重启, 删除也是.

在哪里查看所有安装的Jetpack扩展呢? 请打开about:jetpack页面, "Installed Features"里就显示了全部信息, 点击"uninstall"即可删除扩展.

由于现在Mozilla还没有专门为Jetpack建立扩展页面, 所以目前推荐到Userscripts.org的Jetpack页面查找扩展.

三、开发人员指南

如果你是一名Web开发人员, 或者有过Web开发的经验, 那你基本上已经具备了开发一个完整的Jetpack扩展的能力. 开发Jetpack扩展所需的技术和工具有: JavaScript, HTML, CSS, jQuery, Firebug, 以及你喜爱的编辑器.

如果你想快速直观地了解Jetpack的功能, 可以观看官方的这个视频:

Mozilla Labs Jetpack - Intro & Tutorial from Aza Raskin on Vimeo.

Jetpack现在还处于发展阶段, 只能实现一些比较小的功能, 比如对剪贴板 (clipboard), 消息提示 (notification), 侧边栏 (slide bar), 状态栏 (status bar), 菜单栏 (menu bar), 标签 (tab)等的操作. 同时, Jetpack包含了jQuery和封装好的Twitter库, 以及实现JS的跨域访问.

about:jetpack里有完整的API索引与示例, Jetpack Demos也包含了各种示例, MozillaWiki的Labs/Jetpack版块有很多关于Jetpack的资料和示例代码, 还有Jetpack的Google Groups与IRC (#jetpack@irc.mozilla.org) 供大家讨论.

四、结语

Userscripts.org网站底部有这样一句话: Because it's your web. 期待Jetpack的发展, 让Web变得越来越舒适.