插件開發(fā)流程
1.開發(fā)語言和軟件
開發(fā)語言就是Javascript,開發(fā)軟件選擇一款自己熟悉的純文本編輯器就可以了,例如系統(tǒng)自帶的記事本,或者支持語法高亮的UltraEdit。
2.設(shè)計(jì)插件
一個(gè)完整的插件是由4個(gè)部分組成,分別是manifest.json、.js文件、圖標(biāo)和HTML文件,設(shè)計(jì)插件就是設(shè)計(jì)這4類文件。manifest.json的作用是定義插件的屬性,例如名稱、版本、類型等;HTML文件具體實(shí)現(xiàn)插件的功能;.js文件是一個(gè)跟瀏覽器互動(dòng)的腳本。
3.載入插件
設(shè)計(jì)好上面幾個(gè)文件后,就可以將插件載入瀏覽器中試用一下。首先將它們整理到同一個(gè)文件夾中,然后在Chrome的工具欄中選擇“擴(kuò)展程序”,進(jìn)入擴(kuò)展管理頁,在右側(cè)選擇“開發(fā)人員模式”,再點(diǎn)擊“載入正在開發(fā)的擴(kuò)展程序”按鈕,定位到這個(gè)文件夾,將整個(gè)文件夾載入Chrome中。
4.發(fā)布插件
插件試用沒有問題后,不妨將它發(fā)布出去讓更多人使用。首先將插件所在的文件夾壓縮成一個(gè)ZIP文件(別順手壓縮成了RAR文件)。然后再到擴(kuò)展管理頁,點(diǎn)擊右下角的“獲得更多擴(kuò)展程序”鏈接,進(jìn)入Chrome官方插件下載頁面,在這個(gè)網(wǎng)頁的左下角,你能看到“發(fā)布擴(kuò)展程序”的鏈接,點(diǎn)擊鏈接,上傳ZIP壓縮文件、添加插件的使用說明和截圖,就可以發(fā)布插件了。
插件設(shè)計(jì)過程
1.制作圖標(biāo)
圖標(biāo)的格式為PNG,大小為19×19像素的圖標(biāo)顯示在地址欄右側(cè),大小為48×48像素的圖標(biāo)顯示在擴(kuò)展管理頁。
2. manifest.json
manifest.json定義插件的屬性,這個(gè)文件的格式比較固定,大家下載代碼后,根據(jù)自己的實(shí)際需要進(jìn)行簡(jiǎn)單的更改就可以用了。
以下是代碼片段:
|
3. .js文件
.js文件文件是連接瀏覽器和插件的橋梁,最基本的代碼就是:chrome.extension.sendRequest();,它的作用是向Chrome的擴(kuò)展管理程序發(fā)送一條請(qǐng)求消息,這條消息將被運(yùn)行的插件HTML文件捕獲。需要注意的是,在這個(gè)文件中,可以添加其他代碼,例如一些優(yōu)化代碼。
4. HTML文件
HTML文件是插件的功能文件,插件要實(shí)現(xiàn)什么功能全靠這個(gè)文件。我以我開發(fā)的保持活躍在線插件為例,進(jìn)行分析。我的插件,每隔一小段時(shí)間,隨機(jī)打開論壇中的一個(gè)帖子。
在這個(gè)插件中,我用到了幾個(gè)API:chrome.pageAction.show(),用來在瀏覽器地址欄右側(cè)顯示插件的圖標(biāo);chrome.windows.getCurrent(),用來獲取當(dāng)前瀏覽器窗口的ID; chrome.tabs.create(),用來建立一個(gè)新的標(biāo)簽頁;chrome.tabs.remove(),用來關(guān)閉打開的標(biāo)簽頁。
這幾個(gè)API比較基礎(chǔ),在插件開發(fā)中過程一般都用得到,如果要開發(fā)復(fù)雜的插件,則需要調(diào)用更多的API,到http://code.google.com/chrome/extensions去研究一下吧。
以下是代碼片段:
|
聯(lián)系客服