如何创建 Firefox 的 Jetpack 扩展（2）
作者：blank 来源：怿飞blog 时间：2009-10-13 20:55:00
第三步：测试 planabc.js 代码。
通过在地址栏中输入 about:jetpack 访问到 Jetpack 本地界面，点击 Develop 标签，然后将 planabc.js 文件中的代码拷贝到页面上的输入框中。点击 “try out this code” 按钮，你将会看到一个新的 icon 出现在 Firefox 窗口的右下角。
Develop 非常方便在代码部署前，在 Firefox 中测试你的代码。
第四步：部署 Jetpack 扩展。
创建一个简单的页面，在页面的 HEAD 元素内添加如下的 LINK 元素：
<link rel="jetpack" href="planabc.js" name="怿飞的博客"/>
HTML 文件源码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mozilla Jetpack 案例</title>
<link rel="jetpack" href="planabc.js" name="怿飞的博客"/>
</head>
<body>
<a href=http://www.aspxhome.com>《如何创建 Firefox 的 Jetpack 扩展》 </a>
</body>
</html>
最后，将 HTML 文件和 planabc.js 文件都上传到服务器。
第五步：安装 Jetpack 扩展。
在 Firefox 中浏览该 HTML 页面时，Jetpack 插件将会在屏幕的最上方显示一个安装条，点击 “install” 按钮。将会提示安装不受信任的特性，点击 “I know what I’m doing. Install It!” 按钮。
安装完成和第三步测试一样，将会看到一个新的 icon 出现在 Firefox 窗口的右下角。如果此时你发现状态栏有2个相同的新 icon，那意味着原先的测试代码依然还在 about:jetpack 页面的 Develop 标签页中，清空输入框的代码即可消除。
返回到 about:jetpack 页面，点击 Installed Features 标签，将在列表中显示有新安装的 Jetpack 扩展。
测试Demo：http://www.planabc.net/lab/jetpack/planabc/
0
投稿猜你喜欢
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
JavaScript框架比较:选择器
Python实现PS图像调整颜色梯度效果示例
tensorflow输出权重值和偏差的方法
ORACLE 回收站当前状态查询整理
php连接微软MSSQL(sql server)完全攻略
Django 中使用流响应处理视频的方法
网页设计细节不能丢
ASP显示当前在线人数统计代码
Go语言中的数据竞争模式详解
MySQL无法创建外键的原因及解决方法
mysql数据库之索引详细介绍
python删除列表元素del,pop(),remove()及clear()
使用keras实现孪生网络中的权值共享教程
MySQL做读写分离提高性能缓解数据库压力
Vue2.0实现1.0的搜索过滤器功能实例代码
对python的bytes类型数据split分割切片方法
MySQL如何导入SQL数据库的实战举例
python 平衡二叉树实现代码示例
Python数据类型--字典dictionary
