很多APP使用H5編寫，但APP鏈接的是遠程的url的模式，導致了APP的用戶體驗極差，因為當你使用遠程的H5 url的時候，打開H5頁面的速度由網絡決定，而不是由手機性能決定，假如用戶在沒有網絡的地方打開APP，甚至出現遲遲打不開APP界面，出現白色空白頁的情況，造成用戶一直在等待。
其實APP使用H5，不應該使用遠程的H5 url,而是應該使用file://本地路徑的方法打開本地的H5頁面，而不是使用http://遠程路徑的方式打開H5頁面，這樣APP的打開速度就可以跟原生相比，因為這樣打開速度就不會跟網絡速度相關，速度可以跟原生一樣秒開。而且界面打開后，加載數據的時候使用ajax異步加載，先讓界面出現，提示用戶等待，而不使用同步加載，這也是提高H5體驗的關鍵。這樣APP界面的打開速度就跟手機的性能相關，而不是跟網絡速度相關。
為什么我說用H5開發的APP體驗可以比APP還好呢？因為這來自於成熟的CSS標准和成熟的js Ui框架技術，因為一種很炫的界面，使用css實現起來非常簡單，甚至可以下載到非常炫的css樣式，假如使用原生自己來編寫同樣的UI，實現起來可能會非常麻煩。因此，目前很多公司使用本地H5來渲染界面做出來的界面，反而非常好看，但卻因為使用了錯誤的遠程URL模式卻又影響了用戶體驗。
本地H5模式+H5熱更新+支持ajax跨域，才是使用H5的最佳解決方案。為什么要跨域呢？因為我們打開本地H5的時候使用的是file://本地路徑的方法打開的，因此假如我們使用http或https訪問外部api的時候，是需要跨域支持的。幸運的是，安卓的webview和ios的UIwebview組件是可以設置支持跨域的。不過假如自己打包APP，要實現所有這些，還要兼容所有手機，也是門檻比較高的，甚至比開發原生APP的門檻還高。因此，為了用戶體驗，還是需要使用專業的打包工具進行打包，還是不要自己去打包H5 app。
使用什么工具打包呢？可以使用hbuilder進行打包，但是hbuilder不能實現自動的熱更新。在這里我推薦一個非常優秀的在線打包本地H5的工具，我使用過，非常好用。
https://www.yunedit.com
這個工具能打包本地H5模式的app，還能在后台熱更新H5代碼，還能支持跨域訪問ajax，還有yeui js框架調用原生功能。
總結下，其實用H5開發體驗不好，還是因為程序員水平的問題，APP打包工程師的水平問題，導致了無論前端H5工程師寫的代碼無論多出色，最后都因為網絡問題使得APP體驗極差。因此使用專業的打包工具或打包平台打包，還是非常有必要的。