|
第三步：測試 planabc.js 代碼。
通過在地址欄中輸入 about:jetpack 訪問到 Jetpack 本地界面，點擊 Develop 標簽，然后將 planabc.js 文件中的代碼拷貝到頁面上的輸入框中。點擊 “try out this code” 按鈕，你將會看到一個新的 icon 出現(xiàn)在 Firefox 窗口的右下角。
Develop 非常方便在代碼部署前，在 Firefox 中測試你的代碼。
第四步：部署 Jetpack 擴展。
創(chuàng)建一個簡單的頁面，在頁面的 HEAD 元素內(nèi)添加如下的 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.planabc.net/2009/10/13/
build_firefox_extensions_with_jetpack/">《如何創(chuàng)建 Firefox 的 Jetpack 擴展》 </a>
</body>
</html>
最后，將 HTML 文件和 planabc.js 文件都上傳到服務(wù)器。
第五步：安裝 Jetpack 擴展。
在 Firefox 中瀏覽該 HTML 頁面時，Jetpack 插件將會在屏幕的最上方顯示一個安裝條，點擊 “install” 按鈕。將會提示安裝不受信任的特性，點擊 “I know what I’m doing. Install It!” 按鈕。
安裝完成和第三步測試一樣，將會看到一個新的 icon 出現(xiàn)在 Firefox 窗口的右下角。如果此時你發(fā)現(xiàn)狀態(tài)欄有2個相同的新 icon，那意味著原先的測試代碼依然還在 about:jetpack 頁面的 Develop 標簽頁中，清空輸入框的代碼即可消除。
返回到 about:jetpack 頁面，點擊 Installed Features 標簽，將在列表中顯示有新安裝的 Jetpack 擴展。
測試Demo：http://www.planabc.net/lab/jetpack/planabc/
原文：
http://www.planabc.net/2009/10/13/build_firefox_extensions_with_jetpack/
本文鏈接：http://www.95time.cn/tech/web/2009/7067.asp 
出處：藍色理想
責任編輯：bluehearts
上一頁 如何創(chuàng)建Firefox的Jetpack擴展 [1] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 如何創(chuàng)建Firefox的Jetpack擴展 [2]
