Firefox 的 Jetpack 扩展案例分析:Gmail 邮件提醒

Gtalk 软件的最下方有个很好又很实用的功能,就是 Gmail 邮件提醒功能。会定时更新你 Gmail 中未读新邮件的数量。

试想如果我们将此功能移植到 Firefox 上一定有趣!
第一步,在状态栏中显示图标和数据。
通过 《如何创建 Firefox 的 Jetpack 扩展》 这篇文章,我们可以轻易的创建:
jetpack.statusBar.append({
html: ‘<img src=”http://mail.google.com/mail/images/favicon.ico”/><span id=”count”></span>’, //Gmail邮件图标和未读新邮件数
width: 55, //状态栏上的宽度为55
onReady: function(widget) {
$(“#count”, widget).css({ //给未读新邮件数添加样式
[...]

... 12 条评论 »

如何创建 Firefox 的 Jetpack 扩展

Firefox 的 Jetpack 可以让我们很轻松地创建 Firefox 插件,仅通过已掌握的前端技能(HTML/CSS/JS),估计让人更兴奋的一点—— Jetpack 还集成了 jQuery 框架。
Adobe Air 也好,Web OS 也好, Jetpack 也好,至少让我们肯定一点,前端的价值将会在机遇中越来越大的被展现。
下面让我们一起来看看如何一步步创建你的第一个 Firefox 的 Jetpack 扩展:
第一步:安装 Jetpack 插件
Jetpack 插件地址:https://jetpack.mozillalabs.com/install.html
安装完成 Jetpack 插件后,你就可以通过在地址栏中输入 about:jetpack 来访问 Jetpack 本地界面了。

第二步:创建 planabc.js 文件。
planabc.js 的详细代码为:
jetpack.statusBar.append({
html: ‘<img src=”http://www.planabc.net/favicon.ico”/>’,
width: 16,
onReady: function(widget){
[...]

... 13 条评论 »