很多開發(fā)者目前對HTML5移動Web應用都持觀望態(tài)度,希望確定其前景一片光明以后再開始嘗試使用它。在他們眼中,雖然HTML5擁有改變整個移動應用生態(tài)系統(tǒng)的潛力,但目前本地應用才是經(jīng)過試驗的可信渠道。HTML5移動Web應用要想被開發(fā)者廣泛認可,還需要有一些決定性的成功應用出現(xiàn)。
更重要的是,要想制作出成功的HTML5移動Web應用,需要的是利用其技術特性進行創(chuàng)新。
基于以上原因,開發(fā)者容易無所適從,那么啟凡大連網(wǎng)站建設公司先和大家一起來看看Lanyrd是如何利用HTML5的特性進行創(chuàng)新的。
Lanyrd是一個提供會議或活動相關內(nèi)容的網(wǎng)站,一上線即贏得了大量的關注。目前,Lanyrd正利用HTML5的離線瀏覽功能創(chuàng)建應用的移動Web版本,讓你在網(wǎng)絡擁擠的時候也可以查看聚會信息。
利用HTML5的應用緩存技術實現(xiàn)離線瀏覽
對于Lanyrd來說,HTML5的離線瀏覽能力是其成功關鍵。你是否經(jīng)歷過這樣的場景,在一個會議中,你完全連不上Wi-Fi信號,參會人員都擠在信號站那里獲取手機信號?在這種情形下,使用正式會議應用程序是不可能的。
Lanyrd的離線緩存功能可以在任何支持它的平臺和移動瀏覽器中使用。這意味著現(xiàn)在大多數(shù)的設備,比如BlackBerry、Windows Mobile以及依賴Opera Mini作為Web瀏覽器的機器(比如老版的Symbian機器)都可以使用。
負責Lanyrd項目的首席工程師Jake Archibald,在一封寫給ReadWriteMobile的Email中談論了創(chuàng)建這個新的HTML5應用的幾個要點。
引用
我們使用HTML5的應用緩存來實現(xiàn)站點離線瀏覽。即使他們不能聯(lián)網(wǎng),用戶也可以查看他們參加的會議的所有信息。作為一個經(jīng)常參加會議的人,離線瀏覽是非常重要的。每當我在國外使用網(wǎng)絡的時候,我?guī)缀醵寄苡龅骄W(wǎng)絡狀況一團糟的情況。
離線瀏覽特性并非是為數(shù)據(jù)驅動的網(wǎng)站設計的,因此我們成了先提供離線瀏覽支持的(數(shù)據(jù)驅動的)站點之一。我們很樂意來談談我們在開發(fā)這個應用時使用的一些技術。
利用XHR技術實現(xiàn)快速更新頁面
關于如何提高頁面瀏覽速度,Archibald在郵件中寫道:
引用
我們所有的圖像都是雙倍分辨率,因此在高分辨率設備上,一切都十分清晰,要是沒有高分辨率設備的話,移動Web應用看起來效果就很差。我們還在服務器和設備間共享了Mustache模板,并且使用了XHR +(HTML5過去的一個API)來更新頁面。這讓用戶感覺很快,因為瀏覽器不必在每一頁都重新解析JavaScript。
盡管我們使用了一些新的很炫的瀏覽器特性,但我們采用了漸進增強的設計路徑,盡可能廣泛測試,讓其可支持更多設備。盡管大多數(shù)的移動產(chǎn)品都是針對某些特殊產(chǎn)品或者WebKit,但我們的產(chǎn)品還能支持一些特殊的產(chǎn)品,比如古董級的Blackberry 9000(現(xiàn)在還是有人使用它的)、Kindle,還有一些只有基本性能的手機,只要它們能運行Opera Mini就行。這個站點在沒有JavaScript的情況下表現(xiàn)得和我們預期一樣,事實上,我們避免了在設備上解析Javascript的開銷,因為即使有JavaScript也沒多大幫助。
Lanyrd為使用HTML5的某些特性來創(chuàng)建有優(yōu)異功能的移動Web應用作出了榜樣。在離線緩存方面,它是第二個將離線緩存應用得非常好的應用,先進個是 Kindle Cloud Reader。
掃一掃
關注新圖聞科技
全國咨詢熱線
186-0984-0880