上次周例會我給大家做了題目為：《漫游移動平臺前端開發(fā)》的匯報，現(xiàn)在推薦一些額外的學(xué)習(xí)資料。
依照目前iPhone/Android 迅速提升市占率的情勢來看，未來如果想要在先進(jìn)的智慧型手機(jī)上撰寫應(yīng)用程式，要不是選擇使用Objective-C + CocoaTouch Framework 撰寫iPhone/iPad 應(yīng)用程式，就是選擇Java + Android Framework 撰寫Android 應(yīng)用程式，如果想要同時支援兩種平臺，勢必要維護(hù)兩套程式碼，對于剛起步的小服務(wù)而言也算是個小有負(fù)擔(dān)的維運成本。
大家一起來用HTML5 開發(fā)Mobile Web App 吧！
一、前言
所幸在iPhone 及Android 上的瀏覽器對于HTML5 及CSS3 的支援愈來愈好，使得原本一定要用原生的應(yīng)用程式開發(fā)框架才能做出來的效果，現(xiàn)在很多都能利用HTML5 或是CSS3 的技術(shù)來完成。所以，使用HTML5, CSS3 來撰寫Web-based 的應(yīng)用程式，若要同時支援iPhone 及Android，幾乎只需要維護(hù)一份程式碼（少部份要因應(yīng)clients 作修改），而且未來若有其它行動裝置擁有支援HTML5 的瀏覽器，那同樣的WebApp 直接就多了一個支援平臺。
二、現(xiàn)況
目前大量以HTML5 開發(fā)Mobile WebApp 的就屬Google 的系列服務(wù)了。在Google 官方的部落格也早就寫了一些利用HTML5 撰寫Mobile WebApp 的文章，現(xiàn)在使用iPhone 或Android 透過瀏覽器連接至GMail、Google Voice、Buzz等服務(wù)就可以看看Google 的成果。
Google 的系列服務(wù)使用了不少HTML5 中的cache、storage 及database 規(guī)格來做到離線存取程式的效果。因為比起桌面應(yīng)用程式，行動裝置的網(wǎng)路連線更不穩(wěn)定，而且有時在移動中并無網(wǎng)路可以使用，透過這些技術(shù)才能讓使用者即使在無網(wǎng)路環(huán)境下繼續(xù)使用你的webapp 。
HTML5 中還定義了不少2D圖形處理、多媒體（Video/Audio）的技術(shù)規(guī)格，要在上面制作各種充滿視覺效果的應(yīng)用程式也不是完全不可能，使用HTML5 寫Mobile Web App 雖然不像原生程式那樣能對行動裝置做完整的掌控，但要制作豐富的應(yīng)用程式是絕對值得投入心力下去的。
三、開發(fā)前的準(zhǔn)備
首先你要了解的是，雖然是使用HTML5 來寫WebApp，你還是得了解HTTP、Web 的運作模式，并且了解如何利HTML/CSS/JavaScript 開發(fā)Web 的前端畫面、互動程式。在這些基本功夫都上手之后，你需要的就是以下的資源：
既然是WebApp，勢必（大多數(shù)的情況下）需要一個Web Server，現(xiàn)在免費的Web/App Server Hosting 也有不少（如：Google App Engine等），都是構(gòu)成WebApp 不可或缺的要素。
四、其他參考資料（來自IBM Developmerworks）
《Android 和 iPhone 瀏覽器之戰(zhàn)》系列：
《使用 HTML 5 創(chuàng)建移動 Web 應(yīng)用程序》系列：
--------------------------------結(jié)束 --------------------------------
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
