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

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

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

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

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

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

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

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

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

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

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

廣告

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