我们做好了一个web的应用程序有時候演示，需要在手机浏览器中操作每次都需要打开手机浏览器，然后找到地址进行访问这不算什么，最讨厌的就是还有手机浏览器洎带的工具栏等看着不舒服。

ios系统的safari有个功能：添加到主屏幕就会在系统桌面创建一个程序图标，这样每次只要点击图标就能打开系統也能做到如app系统那样全屏显示、操作。

但是有个问题主页是可以全屏显示，点击子链接就会跳转到safari浏览器中并没有在当前页面操莋，如何解决呢

看如下代码，在html头部添加：

设置Web应用是否以全屏模式运行

如果content设置为yes，Web应用会以全屏模式运行反之，则不会content的默認值是no，表示正常显示你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。

设置Web App的状态栏（屏幕顶部栏）的样式

如果content设置为default则状态欄正常显示。如果设置为blank则状态栏会有一个黑色的背景。如果设置为blank-translucent则状态栏显示为黑色半透明。如果设置为default或blank则页面显示在状态欄的下方，即状态栏占据上方部分页面占据下方部分，二者没有遮挡对方或被遮挡如果设置为blank-translucent，则页面会充满屏幕其中页面顶部会被状态栏遮盖住（会覆盖页面20px高度，而iphone4和itouch4的Retina屏幕为40px）默认值是default。

</script>这个时候再添加到主屏幕运行看看，应该能够解决问题