Web App在iPad調(diào)試頁(yè)面，我們常常會(huì)遇到需要全屏顯示的效果。下面就介紹一下如何使用HTML5代碼來(lái)實(shí)現(xiàn)。

1、全屏顯示：

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

2、設(shè)備寬度顯示

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

先將以上兩段代碼加入到HTML5開(kāi)發(fā)的頁(yè)面當(dāng)中。

3、將頁(yè)面添加到iPad桌面

用iPad下的Safari瀏覽器訪問(wèn)開(kāi)發(fā)的頁(yè)面，點(diǎn)擊“分享”圖標(biāo)，然后在下拉界面中選擇“添加到主屏幕”。

可以修改名字，也可以通過(guò)代碼：

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

修改圖標(biāo)，這樣就有了一個(gè)可以全屏的webApp了。

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