HTML5的出現(xiàn)讓移動(dòng)平臺(tái)的競(jìng)爭(zhēng)由系統(tǒng)平臺(tái)轉(zhuǎn)向了瀏覽器之間:移動(dòng)端的IE、Chrome、FireFox、Safari,亦或是新出現(xiàn)的瀏覽器,誰(shuí)能達(dá)到在移動(dòng)端對(duì)HTML5更好的支持,誰(shuí)就能在以后的移動(dòng)應(yīng)用領(lǐng)域占據(jù)更多的市場(chǎng)。
HTML5 Web Storage API可以看做是加強(qiáng)版的cookie,不受數(shù)據(jù)大小限制,有更好的彈性以及架構(gòu),可以將數(shù)據(jù)寫入到本機(jī)的ROM中,還可以在關(guān)閉瀏覽器后再次打開時(shí)恢復(fù)數(shù)據(jù),以減少網(wǎng)絡(luò)流量。
同時(shí),這個(gè)功能算得上是另一個(gè)方向的后臺(tái)“操作記錄”,而不占用任何后臺(tái)資源,減輕設(shè)備硬件壓力,增加運(yùn)行流暢性。
在線app支持邊使用邊下載離線緩存,或者不下載離線緩存;而離線app必須是下載完離線緩存才能使用。更低的開發(fā)及維護(hù)成本; 使頁(yè)面變得更小,減少了用戶不必要的支出;而且,性能更好使耗電量更低; 方便升級(jí),打開即可使用最新版本,免去重新下載升級(jí)包的麻煩,使用過程中就直接更新了離線緩存。不知道大家有沒有發(fā)現(xiàn),在Gmail等新的網(wǎng)頁(yè)程序當(dāng)中,已經(jīng)可以透過拖拉的方式將檔案作為郵件附件?這就是HTML5檔案的功能中的Drag’n Drop和File API。 設(shè)計(jì)師要知道,移動(dòng)應(yīng)用中對(duì)于數(shù)據(jù)傳輸?shù)男枨笤絹?lái)越大,傳統(tǒng)的路徑選擇方式太過于繁瑣,快來(lái)試試HTML5的拖拽上傳功能吧!
使用HTML5, CSS3 來(lái)撰寫Web-based 的應(yīng)用程式,若要同時(shí)支援iPhone 及Android,幾乎只需要維護(hù)一份程式碼(少部份要因應(yīng)clients 作修改),而且未來(lái)若有其它行動(dòng)裝置擁有支援HTML5 的瀏覽器,那同樣的WebApp 直接就多了一個(gè)支援平臺(tái)。
Google 的系列服務(wù)使用了不少HTML5 中的cache、storage 及database 規(guī)格來(lái)做到離線存取程式的效果。因?yàn)楸绕鹱烂鎽?yīng)用程式,行動(dòng)裝置的網(wǎng)路連線更不穩(wěn)定,而且有時(shí)在移動(dòng)中并無(wú)網(wǎng)路可以使用,透過這些技術(shù)才能讓使用者即使在無(wú)網(wǎng)路環(huán)境下繼續(xù)使用你的webapp。這說(shuō)明html5主要服務(wù)對(duì)象還是給予web的應(yīng)用,并不會(huì)對(duì)全部app開發(fā)造成威脅,這樣有利于不同類型應(yīng)用使用不同的開發(fā)方式,靈活性更強(qiáng)。
HTML5 Web Storage API可以看做是加強(qiáng)版的cookie,不受數(shù)據(jù)大小限制,有更好的彈性以及架構(gòu),可以將數(shù)據(jù)寫入到本機(jī)的ROM中,還可以在關(guān)閉瀏覽器后再次打開時(shí)恢復(fù)數(shù)據(jù),以減少網(wǎng)絡(luò)流量。
同時(shí),這個(gè)功能算得上是另一個(gè)方向的后臺(tái)“操作記錄”,而不占用任何后臺(tái)資源,減輕設(shè)備硬件壓力,增加運(yùn)行流暢性。
在線app支持邊使用邊下載離線緩存,或者不下載離線緩存;而離線app必須是下載完離線緩存才能使用。更低的開發(fā)及維護(hù)成本; 使頁(yè)面變得更小,減少了用戶不必要的支出;而且,性能更好使耗電量更低; 方便升級(jí),打開即可使用最新版本,免去重新下載升級(jí)包的麻煩,使用過程中就直接更新了離線緩存。不知道大家有沒有發(fā)現(xiàn),在Gmail等新的網(wǎng)頁(yè)程序當(dāng)中,已經(jīng)可以透過拖拉的方式將檔案作為郵件附件?這就是HTML5檔案的功能中的Drag’n Drop和File API。 設(shè)計(jì)師要知道,移動(dòng)應(yīng)用中對(duì)于數(shù)據(jù)傳輸?shù)男枨笤絹?lái)越大,傳統(tǒng)的路徑選擇方式太過于繁瑣,快來(lái)試試HTML5的拖拽上傳功能吧!
使用HTML5, CSS3 來(lái)撰寫Web-based 的應(yīng)用程式,若要同時(shí)支援iPhone 及Android,幾乎只需要維護(hù)一份程式碼(少部份要因應(yīng)clients 作修改),而且未來(lái)若有其它行動(dòng)裝置擁有支援HTML5 的瀏覽器,那同樣的WebApp 直接就多了一個(gè)支援平臺(tái)。
Google 的系列服務(wù)使用了不少HTML5 中的cache、storage 及database 規(guī)格來(lái)做到離線存取程式的效果。因?yàn)楸绕鹱烂鎽?yīng)用程式,行動(dòng)裝置的網(wǎng)路連線更不穩(wěn)定,而且有時(shí)在移動(dòng)中并無(wú)網(wǎng)路可以使用,透過這些技術(shù)才能讓使用者即使在無(wú)網(wǎng)路環(huán)境下繼續(xù)使用你的webapp。這說(shuō)明html5主要服務(wù)對(duì)象還是給予web的應(yīng)用,并不會(huì)對(duì)全部app開發(fā)造成威脅,這樣有利于不同類型應(yīng)用使用不同的開發(fā)方式,靈活性更強(qiáng)。