HTML5簡化移動應用開發過程

許多企業開始使用HTML5移動應用開發來簡化應用的實現，降低成本和複雜性。

在合適的情況下，HTML5應用為企業提供了一個簡單的替代原生應用開發的選擇，特別是隨著越來越多的HTML5開發框架的出現。任何需要跨多個平臺實現移動應用的企業都至少應該考慮HTML5。

當然，HTML5應用也並非沒有挑戰。它們帶來效能和安全問題，還有訪問資料和本地應用程式程式設計介面(APIs)的問題。

HTML5應用相較原生應用，使用者體驗相對糟糕。

什麼是HTML5應用?

HTML5應用只需要編寫一次，就可以在任何地方執行的移動應用開發。它們是網頁的整合，為移動裝置而優化，為視訊流和音訊資料帶來先進的功能，處理圖形和動畫，並提供離線支援。它們還新增語義元素，表單控制元件和多媒體元件，以及一些新的API，可以支援定位服務，拖放操作，本地應用快取和更多功能。

HTML5很少單獨工作。大多數HTML5應用與層疊樣式表(CSS)相整合，它定義HTML元件在瀏覽器和JavaScript中如何渲染，包括處理文字，物件和陣列的API。所有主要瀏覽器都支援這些技術，從而能夠在很多裝置內實現基於web的應用。

HTML5移動應用開發流程

HTML5移動應用開發框架工具包含開發人員可以在HTML中嵌入的CSS庫和JavaScript檔案。框架可以處理在構建HTML5應用中，出現的許多問題。

例如，一個良好的框架可以處理和回收文件物件模型(DOM)元素來幫助提高效能。框架也更容易實現依賴於JavaScript的行為，如螢幕轉換或滾動列表。作為新手，很容易建立HTML5應用，因為開發的很多細微之處已經包含在內。

所有框架都是不一樣的，IT管理員必須在做出決定前，先進行研究。每個框架都有其限制和問題，經常會讓應用變得更加複雜。

裝置和瀏覽器的微小區別的確會影響應用在不同環境中的執行。因此，開發人員有時會根據最基本標準構建應用，以確保他們在所有環境中都能執行，但是這可能會影響使用者體驗(UX)。儘管存在潛在問題，通過適當的培訓和擁有相關經驗的開發人員，應該能夠開發安全的，高效能的，基於web的應用。

構建HTML5應用要點

記憶體和效能限制是HTML5移動應用開發的關鍵因素。開發人員不但要小心控制頁面流量，並且控制如何實現DOM。物件模型越複雜，開啟網頁所需的時間越長。

最重要的是，開發人員必須考慮使用者體驗。為確保使用者體驗質量，HTML5移動應用應該是輕薄的，這樣效能並不落後。此外，管理員應該在各種平臺上測試應用，在不同的裝置型別，螢幕尺寸，瀏覽器和作業系統上的表現。大多數應用需要支援離線操作，以應對連線中斷。

HTML5應用 VS. 原生應用

與HTML5應用不同，原生應用是基於應用執行平臺的原生語言。原生應用的挑戰在於——每個平臺都需要自己的應用，而一些平臺需要不同版本的應用來支援該平臺上不同的裝置。

HTML5與平臺無關。只要使用者通過支援各語言功能的瀏覽器訪問應用，應用在任何平臺都一樣執行。此外，管理員只有一個程式碼庫用於維護，一個語言包用於部署HTML5。他們可以在必要時提供漏洞修復和更新，甚至不需要像原生應用那樣分發，就可以與使用者進行實時測試。

儘管HTML5已經取得了很大的進步，但它不能實現所有原生功能，比如多點觸控手勢，和與內建裝置元件無縫整合，比如GPS。原生應用效能表現更出色，因為它們是機器程式碼的一部分。HTML5應用如果沒有精心設計，載入時間將很漫長。

此外，HTML5應用和任何Web應用面臨同樣的風險。開發人員必須防範網路攻擊，不當的API使用，通過Wi-Fi，藍芽或文字訊息訪問裝置的惡意程式碼。

HTML5和原生應用混合

混合移動應用是一個在原生容器內執行的HTML5應用。應用使用裝置的瀏覽器渲染本地託管HTML頁面，同時連線到裝置擁有和原生應用一樣的功能。混合應用可以訪問日曆和聯絡人，以及跨平臺使用同一個程式碼庫。

事實上，混合應用可以實現原生應用的所有功能，包括支援離線操作和多點觸控手勢。混合應用甚至可以模擬原生應用的外觀和感覺。然而，混合應用仍不能像原生應用一樣執行，因為額外的抽象層。

PhoneGap平臺的出現，可以實現混合移動應用。使用HTML，CSS和JavaScript開發移動應用，同時跨平臺實現混合應用的各類細節。

本文轉自d1net（轉載）