基于HTML5的移動Web App開發及應用

周義祥

摘 要

隨著我國科學技術的飛速發展，互聯網領域的智能化和自動化趨勢越來越明顯，特別是HTML5的出現，為移動WebApp的開發與應用創造更好機會，不僅提升平臺整體兼容性，且更具表現能力。在實際應用過程中，工作人員應在把握HTML5特點和優勢的基礎上，結合移動WebApp應用特點，不斷創新APP網頁應用，為用戶帶來更好的體驗。

【關鍵詞】移動WebApp HTML5 兼容性 用戶體驗

HTML5是當前應用得較為廣泛的互聯網核心技術，最早的HTML產生于上個世紀90年代初，HTML5是該技術的最新版本，將其應用在移動WebApp的開發過程中，不僅能夠有效提升用戶體驗效果，更可保障智能手機的兼容性。

1 HTML5的應用特點

自1990年被開發創造以來，HTML技術共經歷以下幾個發展階段，具體如表1所示。

HTML5是對傳統Web標準的極大更新，與常規版本相比，HTML5在全面表現出Web內容的同時，還屬于應用得較為成熟的平臺，包括以下幾方面的特征：

（1）存在語義結構化標簽，如hgroud、footer、section等，提高文檔結構的易讀性和清晰性。

（2）可有效支持離線存儲，與cookies相同，localStorage也可提供對應的功能。通過IndexedDB模塊而存儲復雜數據，即利用緩存的方式，把文件資料下載到本地，使得用戶可在離線的情況下依舊使用移動WebApp。

（3）豐富多媒體的能力，即提升移動WebApp的音頻與視頻功能，優化其圖形等功能。

（4）應用API，移動WebApp中存在的API函數有利于保障終端設備的整體能力。

2 以HTML5為基礎開發應用移動Web App的方式

HTML5的技術組合包括JavaScript、HTML5和CSS3等模塊，在開發移動WebApp的過程中，應以AJAX和JavaScript為基礎，轉變常規網頁技術構建與組織形式，為用戶帶來更好的體驗。

2.1 移動Web App的技術構架

移動WebApp能夠動態控制系統的更新，包括修復系統bug和增加新功能等部分，在修改服務器之后可直接應用，讓用戶能夠及時使用到新版本，這也從側面反映出移動WebApp在被開發應用后，通常會不斷根據市場的變化情況和用戶實際需求而進行變更，因此，在設計移動WebApp的技術架構時應盡可能保障其的合理性與科學性，降低變更影響和維修總成本。移動WebApp前端數據層位于后端與UI界面中，把用戶操作優化為HTTP請求，及時緩存好數據，使得在模塊更新中減少對系統的影響。

2.2 以HTML5為基礎應用移動Web App的方案

針對安卓版本的平臺，以HTML5為基礎應用的移動Web App方案共有兩個：

2.2.1 拓寬Web View組件

平臺的操作系統中，Web View組件有效封裝APP的開發接口，但其提供的上層API能力較為有限，因此，在HTML5技術中對其進行了對應的拓展：

（1）插件形式的拓展功能；

（2）直接在平臺上拓展功能。

2.2.2 拓寬系統Webkit

Webkit包括兩種引擎：

（1）WebCore排版；

（2）JavaScript Core。

2.3 以HTML5為基礎的移動Web App頁面優化方式

頁面優化也是HTML5技術的重要突破，在傳統技術中，用戶每點擊一次鏈接都需進行一次刷新，因此，HTML5通過改變頁面元素，并提出OPOA解決方案，使得JavaScript腳本能夠順利被執行。

3 移動Web App的開發應用挑戰

移動Web App在互聯網時代不僅能夠更好地滿足人們對于“云端”技術的需求，更可通過手機直接獲取所需服務，如游戲、社交等。但受到多種內外部因素的影響，移動Web App的開發過程中仍面臨以下幾方面的挑戰：

（1）HTML5技術仍未真正成熟，移動Web App完全取代傳統APP的困難仍然較大。

（2）移動Web App還需更完善的HTML5標準進行支持，用戶獲得的體驗應進一步被優化。

4 結束語

綜上所述，隨著HTML5技術的不斷發展，移動Web App的開發與應用面臨著極大的挑戰與機遇。HTML5從本質上轉變了開發移動Web App的方式，不僅能夠有效進行離線存儲，不斷豐富App媒體內容，使得用戶獲得更好的體驗，還可以優化App平臺，處理好多線程，實現真正意義上的兼容，因此，在未來以HTML5為基礎的移動Web App將會是發展主流。

參考文獻

[1]李世滿.基于HTML5 web技術APP快速開發研究--以移動辦公APP軟件開發為藍本[J].電腦知識與技術，2016，12（03）：81-82.

[2]朱凱南，李艷平，申閆春等.基于Ionic和Cordova的跨平臺移動APP的研究與應用[J].電腦知識與技術，2016，12（01）：119-121.

[3]周備鋒.基于HTML5的畢業綜合實踐平臺Web APP的實現研究[J].未來英才，2016，23（07）：273-274.

作者單位

長江大學計算機科學學院計科11320班 湖北省荊州市 434000