利用HTML5的離線瀏覽功能創建應用的移動Web版本

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

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

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

Lanyrd的離線緩存功能可以在任何支持它的平臺和移動瀏覽器中使用。這意味著現在大多數的設備，比如BlackBerry、Windows Mobile以及依賴Opera Mini作為Web瀏覽器的機器（比如老版的Symbian機器）都可以使用。
負責Lanyrd項目的首席工程師Jake Archibald，在一封寫給ReadWriteMobile的Email中談論了創建這個新的HTML5應用的幾個要點。

引用
我們使用HTML5的應用緩存來實現站點離線瀏覽。即使他們不能聯網，用戶也可以查看他們參加的會議的所有信息。作為一個經常參加會議的人，離線瀏覽是非常重要的。每當我在國外使用網絡的時候，我幾乎都能遇到網絡狀況一團糟的情況。
離線瀏覽特性并非是為數據驅動的網站設計的，因此我們成了先提供離線瀏覽支持的（數據驅動的）站點之一。我們很樂意來談談我們在開發這個應用時使用的一些技術。

利用XHR技術實現快速更新頁面
關于如何提高頁面瀏覽速度，Archibald在郵件中寫道：

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

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

分享名稱：利用HTML5的離線瀏覽功能創建應用的移動Web版本
本文地址：http://m.kartarina.com/news21/259821.html

成都網站建設公司_創新互聯，為您提供網站收錄、手機網站建設、網站策劃、網站設計、面包屑導航、網站制作

廣告

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