网络编程
位置:首页>> 网络编程>> JavaScript>> 如何创建 Firefox 的 Jetpack 扩展(2)

如何创建 Firefox 的 Jetpack 扩展(2)

作者:blank 来源:怿飞blog 发布时间:2009-10-13 20:55:00 

标签:插件,firefox,Jetpack

第三步:测试 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
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com