目前，Web App 確實已經成為了移動互聯網應用的一種重要形態，其最大的優點是運行于瀏覽器，無需安裝即可使用。當然，Web App 很大的一個局限就是其離線緩存問題。雖然在HTML5中，加入了App Cache屬性，允許開發者讓Web App支持離線緩存；但是，其實這里的離線只是針對不聯網的情況下，仍舊能夠使用已經緩存的HTML、CSS、JS文件，而不是所有的Web App功能都可以離線使用。

針對這個問題，在2010年，蘋果公司推出了“離線 Web App”的新特性，也就是他們所謂的 “Stah5制作軟件app排行榜ndalone Apps”。該特性通過添加Apple-mobile-web-app-capable META 標簽以及引入apple-touch-icon圖標鏈接來實現（該圖標鏈接必須是特定尺寸），另外還需要添加合法的.apple-mobile-web-app-status-bar-style META 標簽。這樣，在使用移動 Safari 瀏覽器打開時，會自動隱藏瀏覽器的導航欄和狀態欄，讓Web App獲得更加原生的體驗。

不過，對于Web App來說，至今還有一個讓我們痛苦不已的訴求，那就是想要能夠脫離瀏覽器獨立運行，且不影響任何瀏覽器正常功能的方式，即「隨開隨用」。對于這個痛點，我們可以使用HTML5中的「應用緩存」和「Web Worker」來解決。

1. 應用緩存

HTML5 的應用緩存特性就是為了解決Web App在離線、網絡環境差的情況下能夠繼續工作的問題。應用緩存相當于瀏覽器的一個快照，它會緩存App的資源文件和頁面，這些文件包括 HTML、CSS、JavaScript、圖片等等，緩存了這些文件后，Web App 就可以在沒有網絡連接的情況下進行訪問。

2. Web Worker

Web Worker 主要用于Web App多線程處理，將運算量大的任務完全交由Web Worker去完成處理，這樣就不會阻塞了主線程的處理。從而提升Web App的性能和用戶體驗。Web Worker 主要有兩種類型：

Dedicated Worker：專用于應用程序的工作者，與主線程分離，不共享JS中的代碼變量。

Shared Worker：用于多個網頁應用程序之間的通信，共享JS中的代碼變量，具有共用和復用的功能。

3. 框架

當然，在實際開發中，我們也可以使用一些自適應大小和方便移動端開發的框架來更快速地構建應用。最常用的是利用 React Native 和 Weex 這兩個框架實現 Web App 的混合開發。React Native 是 Facebook 的一款移動應用開發框架，針對不同的設備 OS，React Native 會自動選擇不同的實現方式。而 Weex 是阿里巴巴宣傳的“一套代碼多端運行”的跨平臺框架，特別是最近推出的可離線使用的Weex小程序，受到了越來越多開發者的關注。

總體來說，利用 HTML5 技術開發手機應用程序可以實現“一次開發，多端通用”，運用 Web Worker 解決多線程問題和應用緩存以解決斷網情況下的離線使用問題。目前在市場上，Facebook 的 React Native h5制作淘寶類app和阿里巴巴的Weex是應用非常廣泛的兩個跨平臺解決方案。