Firefox 的 Jetpack 扩展案例分析：Gmail 邮件提醒
作者：blank 来源：怿飞博客 发布时间：2009-10-15 12:41:00
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({ //给未读新邮件数添加样式
cursor: "pointer",
paddingLeft:"4px",
fontFamily: "Tahoma, Arial, sans-serif",
verticalAlign: "top",
fontSize: "10px",
lineHeight:"18px",
});
}
});
第二步，获取 Gmail 的数据，更新未读新邮件数。
可以通过 Gmail 邮件的 Feed 获得（需登录）：https://mail.google.com/mail/feed/atom
Feed 源码中的 fullcount 标签是用来记录当前的未读新邮件数。
OK，首先数据源有了。接着，我们使用再熟悉不过的 Ajax 技术，获取到数据并赋给指定的元素。
function update(widget) {
var widget = $(widget)；
$.get("https://mail.google.com/mail/feed/atom", function(xml) {
var el = $(xml).find("fullcount"); // 记录未读新邮件数的节点
if(el){
var newcount = parseInt(el.get(0).textContent);
widget.find("#count").text(newcount); //赋给指定的元素
} else { //如果未登录，显示“Login”
widget.find("#count").text( "Login" );
}
});
}
0
投稿猜你喜欢
- 每个写asp程序人必会的知识！在ASP编程中使用数组数组的定义Dim MyArrayMyArray = Array(1,5,123,12,9
ASP中的全角和半角转化函数，使用方法，传入要转换的字符给str即可，flag设置要转换的类型。<％ Function&n- 最近发现一常见的加载进度条（loadding）的问题,所以试试,觉得还不错,大家可以看下.当然这个只是一个效果而已！呵呵，用的着的时候，你就
- 假设在搜索框search中输入：“asp 编程” 先得到输入框中的内容：search=request("search")
- 在mysql网站时拿到的rpm包只能用root安装，不支持relocate用源码安装后./configure --prefix=/home/
- 作者：AngelGavin 出处：CSDNInternet Explorer 5.0 对 XML 提供哪个级别的支持？Inter
- Installing mysql (2.8.1) with native extensions /usr/local/lib/ruby/si
- 总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的
- 本文主要概括安装时提示有挂起的操作、收缩数据库、压缩数据库、转移数据库给新用户以已存在用户权限、检查备份集、修复数据库等操作技巧。1.挂起操
- 先由exp把数据卸出到文件系统, 产生一个.dmp文件, 然后必要时再由imp将数据装入数据库. 对于一般中小型数据库来说, 全数据库的ex
- asp 中处理文件上传以及删除时常用的自定义函数：删除文件,建立目录的程序,根据原文件名生成新的随机文件名,CMS替换函数,将所有开始，结束
- CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。1. positio
- 一 MySQL WorkbenchMySQL Workbench提供DBAs和developers一个集成工具环境：1)数据库设计和建模2)
- 一、介绍QQ空间相册的个性化利器，能对照片进行效果的优化、文字编辑等等。从设计上使用了创新的手法，尽量减少用户的思考。其中，通过界面的特殊表
- 起源：.clearfix:after {visibility: hidden;display: block;font-size: 0;con
- asp之家注：对于ACCESS数据库中的NULL，经常我们直接判断该字段是否为空用的是：name="",但是这个还不够，
- 在网页设计初期，我们会先收集大家对设计方向的期许，我们经常收集到这样的建议：产品经理：要易用，要简洁设计总监：要特色，要亮点部门经理：要大气
- 中文简繁体网页的转换FrontPage 2002提供了中文简繁体转换的功能。只要轻轻一点就可做出简体或繁体中文网站了。如要将当前
- 为什么我写ASP分页教程要提到AJAX呢,因为我们要多练习一下编程过程中,结构化的重要性. 再加上很多朋友对分页感到很高深,所以一直都不敢去
- 本文介绍的圆角方法很特别，有创意。昨天群里大家讨论到一个豆瓣上的按钮，下面这个。在这里用到了不同宽度的按钮，但是只是用到了一个图片。&nbs
