国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Chrome插件開發(fā)簡單實(shí)戰(zhàn)教程

Chrome插件開發(fā)簡單實(shí)戰(zhàn)教程

感謝 何明遠(yuǎn) 的投遞

Chrome憑借其簡單,穩(wěn)定,快速的優(yōu)點(diǎn)迅速風(fēng)靡全球,占領(lǐng)瀏覽器市場,直逼IE的市場份額,超越也只是時(shí)間問題。初次打開Chrome瀏覽器,你會(huì)發(fā)現(xiàn)整個(gè)頁面只有一個(gè)地址欄,一對箭頭,刷新按鈕和一把扳手,當(dāng)然還有最重要的空白頁面,這就是Chrome的整體構(gòu)造,可以說是最簡單的瀏覽器了,但是仔細(xì)深入你會(huì)Chrome的功能遠(yuǎn)不止這些,通過Chrome的擴(kuò)展中心你可以安裝成千上萬的插件來豐富你的瀏覽器功能,這時(shí)你就會(huì)發(fā)現(xiàn)Chrome的強(qiáng)大之處。

Chrome的擴(kuò)展中心地址是 https://chrome.google.com/webstore,里面有全球的開發(fā)者開發(fā)的插件,你只需要選擇,然后點(diǎn)擊添加到Chrome即可。目前從事Chrome開發(fā)的人非常少,我覺得可能是某種網(wǎng)絡(luò)不穩(wěn)定因素造成的Google服務(wù)不穩(wěn)定,導(dǎo)致了大家都不愿意開發(fā)這片市場,所以在網(wǎng)絡(luò)上關(guān)于Chrome開發(fā)的資料少之又少,目前官方的開發(fā)文檔也都是英文的,阻擋了不少E文小白對Chrome開發(fā)的熱情。
Chrome官方開發(fā)文檔地址:http://code.google.com/chrome/extensions/dev/devguide.html 我大致看了一下,對他的結(jié)構(gòu)也有所了解,這里將做一個(gè)簡單的實(shí)戰(zhàn)來檢測一下我的開發(fā)水平。 學(xué)藝不精,多多包涵,老鳥路過,新手可以參考下,作為入門教程。

過去大家在添加插件后,圖標(biāo)會(huì)出現(xiàn)在地址欄的右邊,點(diǎn)擊即可快速打開插件,在新版的Chrome中,又多出了一個(gè)叫Apps的東西,如下圖畫紅線的部分:

App的開發(fā)和擴(kuò)展大同小異,為了滿足大家的成就感快速開發(fā)出一個(gè)可用的App這里就從App講解。

一個(gè)最簡單的APP需要由一個(gè)圖標(biāo)和一個(gè)名為manifest.json的文件組成。

第一步:

新建一個(gè)文件夾,準(zhǔn)備一個(gè)圖標(biāo),建議128×128大小的。然后創(chuàng)建一個(gè)文件,命名為manifest.json,用記事本打開,復(fù)制以下代碼:


{
"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是你要啟動(dòng)的網(wǎng)址,description是App的描述,icons下的128是圖標(biāo)的尺寸,比如說你的圖標(biāo)是16×16的,那么你就填16,建議128×128的大小,然后eye.png就是你的圖標(biāo)文件名。name是App的名字,下面的version是版本號,這個(gè)就自定義了,需要注意的是避免使用中文,一定要用utf-8。

第二步:

這一步可以稱之為調(diào)式,在Chrome中輸入chrome://settings/extensions 打開插件頁,先勾選開發(fā)者模式,這樣會(huì)出現(xiàn)一個(gè)載入插件的選項(xiàng),如下圖:

點(diǎn)擊載入插件后,在路徑中找到保存文件的文件夾然后打開就行了,如果順利的打開,就說明你的插件沒有任何問題,如果錯(cuò)誤的話,他會(huì)提示你在哪里錯(cuò)了,然后按照他的提示修改就行了。來看看我的作品,如下圖:

是不是很簡單,如果你還沒學(xué)會(huì),不要急多試幾次就好了,這里是打包的源碼,大家可以自行修改。

第三步:

制作好App后,要想出現(xiàn)在Google的擴(kuò)展中心你需要提交給Google進(jìn)行審核,提交地址:https://chrome.google.com/webstore/developer/update 注意要壓縮成zip格式后提交,不要用.crx格式。上傳后,填寫相關(guān)信息,然后就是等待審核上線。

相關(guān)資源推薦

圖標(biāo)大全:http://findicons.com/
代碼編輯工具:Notepad++ http://notepad-plus-plus.org/

除非特別聲明,本站文章均為Chrome迷原創(chuàng)編譯
我們歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處,尊重他人的勞動(dòng)就是尊重自己
轉(zhuǎn)載文章請注明:文章轉(zhuǎn)載自:Chrome迷 (http://www.chromi.org)
本文標(biāo)題:Chrome插件開發(fā)簡單實(shí)戰(zhàn)教程
本文地址:http://www.chromi.org/archives/13915
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
使用winrar自解壓功能制作安裝包
Chrome瀏覽器十周年,谷歌設(shè)計(jì)師總結(jié)設(shè)計(jì)背后的故事
Chrome擴(kuò)展開發(fā)指南(6)——Page Actions(地址欄圖標(biāo))
以圖搜圖,下載高質(zhì)圖片
3種瀏覽器下更改瀏覽器的默認(rèn)搜索引擎
給你的Blog添加Google廣告
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服