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

Gtalk 软件的最下方有个很好又很实用的功能,就是 Gmail 邮件提醒功能?;岫ㄊ备履?Gmail 中未读新邮件的数量。 试想如果我们将此功能移植到 Firefox 上一定有趣! 第一步,在状态栏中显示图标和数据。 通过 《如何创建 Firefox 的 Jetpack 扩展》 这篇文章,我们可以轻易的创建: jetpack.statusBar.append({ html: ‘<img src=”//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 的数据,更新未读... 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=”//www.r5qgb.cn/favicon.ico”/>’, width: 16, onReady: function(widget){ $(widget).click(function(){ jetpack.tabs.focused.contentWindow.location = “//www.r5qgb.cn/&... 15 条评论 »

? ?
  • 凰家街采:你期待的长江时代 ——凤凰网房产武汉 2018-07-26
  • 反思顾雏军案,营造可预期的法治环境 2018-07-26
  • 广图:神“摄”手初养成计划:摄影师爸爸成长篇 2018-07-26
  • 女性之声——全国妇联 2018-07-25
  • 习近平与人民日报那些事 2018-07-25
  • 新IP--河北频道--人民网 2018-07-25
  • 新时代领导干部应急管理能力提升的实践与思考 2018-07-25
  • 证监会答复投资者信息检索库 2018-07-24
  • 款款粽子情,深深敬老人 2018-07-24
  • 李鹏国的行为是对善良的一种打击,暴露了资本主义的道貌岸然的虚伪本质,女白领的同情心是值得赞扬的,只有不够,没有毛病 2018-07-24
  • 邓紫棋首任明星制作人 吴亦凡身兼二职 2018-07-23
  • 地铁上索座不成 蛮横老汉掌掴大妈 2018-07-23
  • 发现食品安全问题拨打12331投诉 2018-07-23
  • 莆田市:建立“网上大调解中心”经验做法 2018-07-22
  • 火锅店推120元月卡11天被吃垮:8点就排队,一卡全家用 2018-07-22
  • 474| 252| 886| 808| 820| 923| 767| 435| 565| 312|