Chrome憑借其簡單,穩定,快速的優點迅速風靡全球,占領瀏覽器市場,直逼IE的市場份額,超越也只是時間問題。初次打開Chrome瀏覽器,你會發現整個頁面只有一個地址欄,一對箭頭,刷新按鈕和一把扳手,當然還有最重要的空白頁面,這就是Chrome的整體構造,可以說是最簡單的瀏覽器了,但是仔細深入你會Chrome的功能遠不止這些,通過Chrome的擴展中心你可以安裝成千上萬的插件來豐富你的瀏覽器功能,這時你就會發現Chrome的強大之處。
Chrome的擴展中心地址是 https://chrome.google.com/webstore,里面有全球的開發者開發的插件,你只需要選擇,然后點擊添加到Chrome即可。目前從事Chrome開發的人非常少,我覺得可能是某種網絡不穩定因素造成的Google服務不穩定,導致了大家都不愿意開發這片市場,所以在網絡上關于Chrome開發的資料少之又少,目前官方的開發文檔也都是英文的,阻擋了不少E文小白對Chrome開發的熱情。
Chrome官方開發文檔地址:http://code.google.com/chrome/extensions/dev/devguide.html 我大致看了一下,對他的結構也有所了解,這里將做一個簡單的實戰來檢測一下我的開發水平。 學藝不精,多多包涵,老鳥路過,新手可以參考下,作為入門教程。
過去大家在添加插件后,圖標會出現在地址欄的右邊,點擊即可快速打開插件,在新版的Chrome中,又多出了一個叫Apps的東西,如下圖畫紅線的部分:
App的開發和擴展大同小異,為了滿足大家的成就感快速開發出一個可用的App這里就從App講解。
一個最簡單的APP需要由一個圖標和一個名為manifest.json的文件組成。
第一步:
新建一個文件夾,準備一個圖標,建議128×128大小的。然后創建一個文件,命名為manifest.json,用記事本打開,復制以下代碼:
{
"app": {
"launch": {
"web_url": "http://blog.sina.com.cn/eyeofming"
},
"urls": [ "http://blog.sina.com.cn/eyeofming" ]
},
"description": "Ming's China Blog",
"icons": {
"128": "eye.png"
},
"name": "Eye Of Ming",
"version": "1.0"
}
web_url和url是你要啟動的網址,description是App的描述,icons下的128是圖標的尺寸,比如說你的圖標是16×16的,那么你就填16,建議128×128的大小,然后eye.png就是你的圖標文件名。name是App的名字,下面的version是版本號,這個就自定義了,需要注意的是避免使用中文,一定要用utf-8。
第二步:
這一步可以稱之為調式,在Chrome中輸入chrome://settings/extensions 打開插件頁,先勾選開發者模式,這樣會出現一個載入插件的選項,如下圖:
點擊載入插件后,在路徑中找到保存文件的文件夾然后打開就行了,如果順利的打開,就說明你的插件沒有任何問題,如果錯誤的話,他會提示你在哪里錯了,然后按照他的提示修改就行了。來看看我的作品,如下圖:
是不是很簡單,如果你還沒學會,不要急多試幾次就好了,這里是打包的源碼,大家可以自行修改。
第三步:
制作好App后,要想出現在Google的擴展中心你需要提交給Google進行審核,提交地址:https://chrome.google.com/webstore/developer/update 注意要壓縮成zip格式后提交,不要用.crx格式。上傳后,填寫相關信息,然后就是等待審核上線。