Html5與本地App資料整理分析

needrunning發表於2019-05-12
HTMLAPP

最近開發了一個小的手機網站，重新瞭解了本地應用，html5，混合應用，webApp等概念，整理下相關的資料，略帶自己的思考

使用者固有的使用習慣

在《2012年度 HTML5狀況及發展形勢報告.pdf》中有這樣的觀點：文件可以評論本文索要。

在目前階段，大多數移動平臺使用者還是習慣通過App 方式來使用應用，而不是通過瀏覽器訪問的方式。在移動裝置桌面上，建立一個指向Web 應用的快捷方式非常容易，但想改變使用者使用原生應用形成的習慣卻比較困難。從智慧手機開始進入市場，使用者已經形成了去應用商店搜尋應用並下載安裝的習慣。

混合型應用作為一種互補形式出現

為了彌補跨平臺開發帶來的巨大人力成本消耗和Web 應用無法通過平臺的應用商店推廣的難題，又催生了混合型應用（Hybrid Apps）這樣一種介於純粹的Web 應用和原生應用之間的應用型別。

混合型應用的主體功能都是採用Web 技術來開發，通過中介軟體包裝成為一個可釋出到應用市場的應用程式。混合型應用執行在一個原生應用容器（即中介軟體）裡，藉助移動系統自帶的瀏覽器引擎（而不是用瀏覽器本身）來渲染介面和解析指令碼，完成所有的介面渲染和指令碼解析。

輕量級App的承載環境

http://news.csdn.net/article_preview.html?preview=1&reload=1&arcid=2816680 說到 微信是一個Web App（HTML5）的執行環境，關於輕量級App的承載環境，微信團隊也一直在打造它。承載環境直接影響到了使用者的體驗，微信團隊仍然在優化承載環境，現在需要做的只有耐心地等待。如果這個環境成熟了，也許未來的有一天，微信就能夠成功取代App了。

ps：對於微信是一個webapp的說法，我不是很確定，也沒有趙到有力的資料

android版的UC從9.0開始就納入web app的概念，不過純粹是網站連結而已，對本地資源並沒有什麼呼叫能力。

現在大量的移動開發中介軟體都可以基於瀏覽器+服務端構成偽客戶端，這種開發中介軟體在形態上是最接近Light App的，只是沒有Light App的理念 

自己總結的小tip

1 移動裝置終端螢幕不固定，所以不能直接設定寬度或者高度。畫素設定使用em單位，寬度高度設定使用百分比等。螢幕自適應還要藉助 viewport屬性 如：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

2 初步定為你的移動網站是否在支援html5的瀏覽器中。現在的瀏覽器html5支援已經很普遍，但是還有部分老機型不支援。這個涉及到是否單獨載入移動端js，包括mobile.js .,進而又涉及到使用者互動體驗，肯定是使用html5和css3 js的網站使用者體驗更高。前提是使用者移動端網路環境能足夠支援這種頁面容量。

3 觀察大的電商網站，為了滿足不同使用者需求，手機網站一般分為3個版本 簡版，觸屏版，電腦版。觸屏版大多啟用html5開發。簡版就是之前的wap升級，最不耗費流量的一種。

參考

http://www.zhihu.com/question/21522663

 

 

 


相關文章