Chrome Web App開(kāi)發(fā)小結(jié)
前言
這篇文章主要分享下自己在開(kāi)發(fā)Web App遇到的問(wèn)題和過(guò)程,以及一些很已經(jīng)(如何)填平的坑。如果您想要“如何開(kāi)發(fā)Web App”或《30分鐘學(xué)會(huì)開(kāi)發(fā)Web App》,請(qǐng)移步官方的開(kāi)發(fā)手冊(cè)(文檔)。(下有鏈接)。
背景
感覺(jué)現(xiàn)在大家都在爭(zhēng)論(討論)兩件事情,Web App和Native App。前不久參加的HTML5守望者活動(dòng),各方大佬都在針對(duì)這二者之間的優(yōu)劣,差異,兼容,普及等進(jìn)行探討。當(dāng)然,有爭(zhēng)議的才說(shuō)明有價(jià)值嘛。
Chrome Web App
前不久Chrome又一次因超過(guò)了什么什么登上了各大新聞媒體的首頁(yè),是的這已經(jīng)不是第一次了。Chrome自身有強(qiáng)大的插件市場(chǎng),和最近(也不算最近了)推出的Chrome Web App。之前也一直有進(jìn)行過(guò)Chrome拓展的開(kāi)發(fā),被Chrome自身的API搞的暈頭轉(zhuǎn)向,不過(guò)在轉(zhuǎn)暈的同時(shí)也深深感受到了Web App的強(qiáng)大潛力。
制作Web App
剛剛試圖把一個(gè)簡(jiǎn)單的“網(wǎng)頁(yè)項(xiàng)目”移植成Chrome Web App,說(shuō)是移植,其實(shí)基本上就是重建,哦不,是新建……?,F(xiàn)在的網(wǎng)頁(yè)項(xiàng)目是一個(gè)使用PHP、MySQL做后端,很常見(jiàn)的一個(gè)PHP網(wǎng)站,使用了Slim做為PHP框架。
那么如何新建成Chrome Web App呢。顯而易見(jiàn),使用PHP不大可能了。之前使用過(guò)Google自家的AngularJS做開(kāi)發(fā),所以還算熟悉,而且官方開(kāi)發(fā)手冊(cè)也把AngularJS做首選的推薦開(kāi)發(fā)框架。而且得益于Slim框架(PHP),全部都是RESTful的。
大概思路就是這樣:
一切都配合AngularJS和RESTful,這樣本地應(yīng)用只存靜態(tài)頁(yè)面,然后通過(guò)叭叭叭發(fā)送請(qǐng)求數(shù)據(jù)返回就可以了……。
感受
使用Google自家的AngularJS,幾乎大部分瀏覽器特性都可以使用,兼容性非常好,而且與桌面軟件幾乎無(wú)差,最重要的是了卻了我多年學(xué)不會(huì)軟件開(kāi)發(fā)(嘗試過(guò)delphi未果)的心愿……Web App太強(qiáng)大了!
資源 (需梯子)
Chrome Web App中文開(kāi)發(fā)手冊(cè)
Google Plus中文社群
官方英文論壇
問(wèn)題
在開(kāi)發(fā)過(guò)程中遇到了幾個(gè)問(wèn)題:
permissions不僅僅可以調(diào)用功能,如果使用外部資源也要加進(jìn)去;
你可以放心大膽的使用類似-webkit,甚至V8的API;
-webkit-app-region: drag 可以控制應(yīng)用拖動(dòng);
如果你執(zhí)意要frame: 'none'的話,別忘記加上關(guān)閉按鈕;
期待與大家交流
相關(guān)文章
淺談使用 Yii2 AssetBundle 中 $publishOptions 的正確姿勢(shì)
本篇文章主要介紹了淺談使用 Yii2 AssetBundle 中 $publishOptions 的正確姿勢(shì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11php根據(jù)isbn書號(hào)查詢amazon網(wǎng)站上的圖書信息的示例
這篇文章主要介紹了php根據(jù)isbn書號(hào)查詢amazon網(wǎng)站上的圖書信息的示例,需要的朋友可以參考下2014-02-02php結(jié)合ajax實(shí)現(xiàn)贊、頂、踩功能實(shí)例
這篇文章主要介紹了php結(jié)合ajax實(shí)現(xiàn)贊、頂、踩功能實(shí)例,包含PHP代碼、JS代碼和數(shù)據(jù)庫(kù)端代碼,非常詳細(xì),入門非常好的例子,需要的朋友可以參考下2014-05-05TP5框架實(shí)現(xiàn)的數(shù)據(jù)庫(kù)備份功能示例
這篇文章主要介紹了TP5框架實(shí)現(xiàn)的數(shù)據(jù)庫(kù)備份功能,結(jié)合實(shí)例形式分析了TP5數(shù)據(jù)庫(kù)備份功能相關(guān)原理及實(shí)現(xiàn)方法,需要的朋友可以參考下2020-04-04php微信公眾平臺(tái)開(kāi)發(fā)(三)訂閱事件處理
這篇文章主要介紹了php微信公眾平臺(tái)開(kāi)發(fā)中的訂閱事件處理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12