iOS平台一直是封閉的生态圈,iOS開發者要繳納年費加入開發者計劃才可進行iOS平台的APP開發測試,所開發的APP需要上傳到App Store經過蘋果稽核以後才可對外釋出。如果要開發企業内部應用,則要繳納更高的費用購買企業賬戶才可以。
對于現在火如荼的HTML5應用,我們可以借助PhoneGap對其打包,然後像原生APP一樣釋出它們;或者要求使用者直接通過浏覽器通路。前一種方式的優點是使用者體驗好,使用者可以像使用原生APP那樣使用它們,缺點是釋出很繁瑣,而且要等待蘋果稽核。後一種方式則完全不用考慮釋出的問題,但是使用者體驗比較差,畢竟讓使用者打開浏覽器,自行輸入網址對使用者操作水準要求較高。今天我們介紹另外一種方式,這種方式綜合了前面兩種方式的優點,特别适合部署企業内部應用。
手邊有iPhone或iPad的同學可以先按照下面的方式實驗:

2、 點選發送到主螢幕
3、确認添加
4、檢視主屏上新增加的APP圖示
大家可以看到我們的主螢幕上已經多了一個”APP”,如果細心優化,使用者完全無法區分這是一個原生應用還是HTML5應用,極大提升了使用者體驗。
為了使這個頁面看起來像原生APP,我們需要在HTML頁面中加入一些特殊标記:
其它meta标簽的用法也有很好的參考文檔,推薦大家仔細閱讀:
還有一個細節需要注意,如果頁面中的資源(JS腳本,圖檔等)非常多,每次打開重新加載也會影響到使用者體驗,這時我們可以将一些資源緩存起來:
這個檔案的内容如下:
緩存的用法也有兩篇很好的文檔: