|
HTML5為提高手機(jī)網(wǎng)頁的體驗(yàn)提供了諸多的可能性，交互效果越來越接近原生App，故而成為Web App，有望將APP功能引向?yàn)g覽器，讓移動(dòng)平臺(tái)的競(jìng)爭(zhēng)由系統(tǒng)平臺(tái)轉(zhuǎn)向了瀏覽器之間。
Web App比起原生App和wap有著自身的優(yōu)缺點(diǎn)，先簡(jiǎn)單了解下其特點(diǎn)，掌握設(shè)計(jì)趨勢(shì)，也便于以后在設(shè)計(jì)中應(yīng)用。
離線存儲(chǔ)
離線存儲(chǔ)的意思是第一次訪問是下載網(wǎng)頁，以后在無網(wǎng)絡(luò)的情況下也可以使用。一個(gè)離線應(yīng)用程序就是一個(gè)URL列表–HTML，CSS，JavaScript，圖片，或者其他類型的資源。訪問時(shí)探測(cè)到服務(wù)器列表的緩存名單時(shí)，會(huì)觸發(fā)下載事件，根據(jù)名單下載指定的文件存儲(chǔ)到本地。
 
在下載的同時(shí)，瀏覽器將會(huì)周期性的觸發(fā)進(jìn)度事件，此事件包含了諸如多少文件已被下載，多少文件仍然處于下載隊(duì)列等信息。當(dāng)緩存名單中所有列出的資源被成功下載后，瀏覽器觸發(fā)下載完成事件。
當(dāng)再次訪問時(shí)，瀏覽器會(huì)再次檢查網(wǎng)站的緩存名單，通過對(duì)比名單和本地的資源，得知是否需要加載新資源。新版本加載完成之后不會(huì)立即被使用。后臺(tái)可以下載新網(wǎng)頁，也不會(huì)強(qiáng)制用戶打斷當(dāng)前操作流程，重新刷新頁面。
如果此過程中的任何一點(diǎn)出現(xiàn)可怕的錯(cuò)誤，你的瀏覽器將會(huì)觸發(fā)一個(gè)錯(cuò)誤事件，并立即終止。類似于安裝應(yīng)用程序，中途不可以出錯(cuò)。
 
Web App可以利用存儲(chǔ)的特性將重要和重復(fù)的數(shù)據(jù)保存在本地，避免頁面的重復(fù)刷新，減少重要信息在傳輸過程中被泄露，增量傳輸修改內(nèi)容。
而離線存儲(chǔ)但也不是Web App特有的問題，瀏覽和閱讀類App也有離線的使用需求，用來應(yīng)對(duì)隨時(shí)可能出現(xiàn)的網(wǎng)絡(luò)問題。如離線模式是利用網(wǎng)絡(luò)閑暇時(shí)間下載內(nèi)容，當(dāng)用戶打開App時(shí)立即開始閱讀�；蛘呤蔷W(wǎng)絡(luò)不佳情況下保存用戶的操作記錄和加載相對(duì)重要的文字內(nèi)容，之后再依次上傳已更新的數(shù)據(jù)，如微博的發(fā)送隊(duì)列機(jī)制。
出處：曉生語錄
責(zé)任編輯：bluehearts
上一頁 下一頁 淺析手機(jī)Web App的交互設(shè)計(jì) [2]
|
第 1 頁 淺析手機(jī)Web App的交互設(shè)計(jì) [1]
第 2 頁 
