利用HTML5的離線瀏覽功能創(chuàng)建應(yīng)用的移動(dòng)Web版本

很多開(kāi)發(fā)者目前對(duì)HTML5移動(dòng)Web應(yīng)用都持觀望態(tài)度，希望確定其前景一片光明以后再開(kāi)始嘗試使用它。在他們眼中，雖然HTML5擁有改變整個(gè)移動(dòng)應(yīng)用生態(tài)系統(tǒng)的潛力，但目前本地應(yīng)用才是經(jīng)過(guò)試驗(yàn)的可信渠道。HTML5移動(dòng)Web應(yīng)用要想被開(kāi)發(fā)者廣泛認(rèn)可，還需要有一些決定性的成功應(yīng)用出現(xiàn)。

更重要的是，要想制作出成功的HTML5移動(dòng)Web應(yīng)用，需要的是利用其技術(shù)特性進(jìn)行創(chuàng)新。
基于以上原因，開(kāi)發(fā)者容易無(wú)所適從，那么創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)公司先和大家一起來(lái)看看Lanyrd是如何利用HTML5的特性進(jìn)行創(chuàng)新的。
Lanyrd是一個(gè)提供會(huì)議或活動(dòng)相關(guān)內(nèi)容的網(wǎng)站，一上線即贏得了大量的關(guān)注。目前，Lanyrd正利用HTML5的離線瀏覽功能創(chuàng)建應(yīng)用的移動(dòng)Web版本，讓你在網(wǎng)絡(luò)擁擠的時(shí)候也可以查看聚會(huì)信息。

利用HTML5的應(yīng)用緩存技術(shù)實(shí)現(xiàn)離線瀏覽
對(duì)于Lanyrd來(lái)說(shuō)，HTML5的離線瀏覽能力是其成功關(guān)鍵。你是否經(jīng)歷過(guò)這樣的場(chǎng)景，在一個(gè)會(huì)議中，你完全連不上Wi-Fi信號(hào)，參會(huì)人員都擠在信號(hào)站那里獲取手機(jī)信號(hào)？在這種情形下，使用正式會(huì)議應(yīng)用程序是不可能的。

Lanyrd的離線緩存功能可以在任何支持它的平臺(tái)和移動(dòng)瀏覽器中使用。這意味著現(xiàn)在大多數(shù)的設(shè)備，比如BlackBerry、Windows Mobile以及依賴Opera Mini作為Web瀏覽器的機(jī)器（比如老版的Symbian機(jī)器）都可以使用。
負(fù)責(zé)Lanyrd項(xiàng)目的首席工程師Jake Archibald，在一封寫給ReadWriteMobile的Email中談?wù)摿藙?chuàng)建這個(gè)新的HTML5應(yīng)用的幾個(gè)要點(diǎn)。

引用
我們使用HTML5的應(yīng)用緩存來(lái)實(shí)現(xiàn)站點(diǎn)離線瀏覽。即使他們不能聯(lián)網(wǎng)，用戶也可以查看他們參加的會(huì)議的所有信息。作為一個(gè)經(jīng)常參加會(huì)議的人，離線瀏覽是非常重要的。每當(dāng)我在國(guó)外使用網(wǎng)絡(luò)的時(shí)候，我?guī)缀醵寄苡龅骄W(wǎng)絡(luò)狀況一團(tuán)糟的情況。
離線瀏覽特性并非是為數(shù)據(jù)驅(qū)動(dòng)的網(wǎng)站設(shè)計(jì)的，因此我們成了先提供離線瀏覽支持的（數(shù)據(jù)驅(qū)動(dòng)的）站點(diǎn)之一。我們很樂(lè)意來(lái)談?wù)勎覀冊(cè)陂_(kāi)發(fā)這個(gè)應(yīng)用時(shí)使用的一些技術(shù)。

利用XHR技術(shù)實(shí)現(xiàn)快速更新頁(yè)面
關(guān)于如何提高頁(yè)面瀏覽速度，Archibald在郵件中寫道：

引用
我們所有的圖像都是雙倍分辨率，因此在高分辨率設(shè)備上，一切都十分清晰，要是沒(méi)有高分辨率設(shè)備的話，移動(dòng)Web應(yīng)用看起來(lái)效果就很差。我們還在服務(wù)器和設(shè)備間共享了Mustache模板，并且使用了XHR +（HTML5過(guò)去的一個(gè)API）來(lái)更新頁(yè)面。這讓用戶感覺(jué)很快，因?yàn)闉g覽器不必在每一頁(yè)都重新解析JavaScript。
盡管我們使用了一些新的很炫的瀏覽器特性，但我們采用了漸進(jìn)增強(qiáng)的設(shè)計(jì)路徑，盡可能廣泛測(cè)試，讓其可支持更多設(shè)備。盡管大多數(shù)的移動(dòng)產(chǎn)品都是針對(duì)某些特殊產(chǎn)品或者WebKit，但我們的產(chǎn)品還能支持一些特殊的產(chǎn)品，比如古董級(jí)的Blackberry 9000（現(xiàn)在還是有人使用它的）、Kindle，還有一些只有基本性能的手機(jī)，只要它們能運(yùn)行Opera Mini就行。這個(gè)站點(diǎn)在沒(méi)有JavaScript的情況下表現(xiàn)得和我們預(yù)期一樣，事實(shí)上，我們避免了在設(shè)備上解析Javascript的開(kāi)銷，因?yàn)榧词褂蠮avaScript也沒(méi)多大幫助。

Lanyrd為使用HTML5的某些特性來(lái)創(chuàng)建有優(yōu)異功能的移動(dòng)Web應(yīng)用作出了榜樣。在離線緩存方面，它是第二個(gè)將離線緩存應(yīng)用得非常好的應(yīng)用，先進(jìn)個(gè)是 Kindle Cloud Reader。

分享名稱：利用HTML5的離線瀏覽功能創(chuàng)建應(yīng)用的移動(dòng)Web版本
本文地址：http://www.bm7419.com/news21/259821.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)