Web App在iPad調試頁面，我們常常會遇到需要全屏顯示的效果。下面就介紹一下如何使用HTML5代碼來實現。

1、全屏顯示：

<meta name="apple-mobile-web-app-capable" content="yes" />

2、設備寬度顯示

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

先將以上兩段代碼加入到HTML5開發的頁面當中。

3、將頁面添加到iPad桌面

用iPad下的Safari瀏覽器訪問開發的頁面，點擊“分享”圖標，然后在下拉界面中選擇“添加到主屏幕”。

可以修改名字，也可以通過代碼：

<link rel="apple-touch-icon" href="icon.png" />

修改圖標，這樣就有了一個可以全屏的webApp了。

注意：第一次可能不顯示全屏，或許有緩存的問題。