如何创建 Firefox 的 Jetpack 扩展
作者：blank 来源：怿飞blog 发布时间：2009-10-13 20:55:00
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){
$(widget).click(function(){
jetpack.tabs.focused.contentWindow.location = "http://www.planabc.net/";
});
}
});
jetpack.statusBar.append 将执行 JavaScript 对象（该JavaScript 对象有四个属性：html、url、width 和 onReady）。
html 属性：定义初始的 HTML，将显示在状态栏。此样例中，将显示一个简单的 IMG 元素。
url 属性：定义将在状态栏上显示的外部 HTML 内容的 URL。此样例中，未使用该属性。
width 属性：定义内容在状态栏上的宽度（单位：像素）。此样例中，定义为 16 像素，也就是 IMG 元素本身的宽度。
onReady 属性：定义被调用的函数（一旦状态栏被创建，此函数将会被调用）。由于 Jetpack 集成了 jQuery 框架，所以可以直接使用 jQuery 的属性和方法。在此样例中定义了这样一个函数，当点击该 Jetpack 扩展时，我们将修改 jetpack.tabs.focused.contentWindow.location 属性为 http://www.planabc.net/。jetpack.tabs.focused.contentWindow.location 对象相当于 window 对象，你可以访问通过 JavaScript 访问网页。
0
投稿猜你喜欢
- 一、关于空值 提示： 在MySQL中如果不为NOT NULL字段赋值（等同于赋NULL值） 例如： 为一个NOT NULL的整型赋NULL值
发现问题在一次捞取Top SQL中，发现DB大量执行 select @@session.tx_read_only ，几乎每一条DML语句前，- python 定时器默认定时器只执行一次，第一个参数单位S，几秒后执行import threadingdef fun_timer(): pr
- tf.diag(diagonal,name=None) #生成对角矩阵import tensorflowas tf;diagonal=[1,
- 随着技术的不断升级，微软的王牌数据库SQL Server 2000正在逐渐淡出人们的视线，而新版的SQL Server 2005正成为企业和
- 使用环境 C#VSCodeM11. 安装MySQL下载MySQL软件，傻瓜式安装即可，安装完之后，在系统偏好号设置里会出现一个My
- DECLARE @LocalDate DATETIME, @UTCDate DATETIME, @LocalDate2 DATETIME S
- 前言有的时候我们需要根据不同的用户身份生成不同的路由规则，例如：vip用户应该有自己的vip页面所对应的专用路由。一、初始化项目初始化vit
- 最近遇到一个问题,就是获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错: NAN 找了些资
- 你有没有觉得你的CSS样式表文件过于臃肿？其实如果你注意并培养一些比较好的CSS书写习惯，我想你的CSS样式表过于”肥胖”的问题会得到很好的
- 因为系统的一个Bug，导致数据库表中出现重复数据，需要做的是删除重复数据且只保留最新的一条数据。具体场景是这样的有张订单关联额外费用表,而且
- 1. 简介（Introduction）官方原文本文翻译了原文并加入了自己的理解。主要介绍多个 Go协程之间对同一个变量并发读写时需要注意的同
- 我正在开发一个档案管理系统，需要从数据库中同时调出图像及相关的文字说明，可我只做到了单纯地显示图片，像有一个数据库CHUNFENG，在数据库
- 说明：使用mysqldump –all-databases会导出所有库。但如果做主从，从主库dump出数据时，我们是不需要也不想要infor
- 上次我重新修改了UBB的转换后，又很多朋友反映日文显示的时候出错了。我在本地测试了一下，结果出现了 Invalid procedure ca
- Python 模块EasyGui详细介绍前言：在Windows想用Python开发一些简单的界面，所以找到了很容易上手的EasyGui库。下
- 在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript
- 有些时候，程序需要进行反向遍历，此时可通过 reversed() 函数，该函数可接收各种序列（元组、列表、区间等）参数，然后返回一个“反序排
- 本文实例讲述了Python实现将HTML转成PDF的方法。分享给大家供大家参考，具体如下：主要使用的是wkhtmltopdf的Python封
- 目录背景分析数据模拟1、创建两个表：员工表和部门表2、创建两个函数：生成随机字符串和随机编号3、编写存储过程，模拟500W的员工数据4、编写
