iPhone在Safari保存桌面图标

Question

我们的软件是基于h5的，所以在首页会提示用户打开把地址保存到桌面，那么问题来了，保存桌面后，桌面图标打开不是从浏览器中打开的，还是全屏的，这样我们有些页面是调用的别家接口点开就还是从浏览器打开（网址变了）所以页面就实效，找不到关联的页面。这个我怎么能保存到桌面再打开保证是从Safari打开呢？

Answer 1

webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用

<!--第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；--!>
<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” /> 

<!--第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；--!>
<meta content=”yes” name=”apple-mobile-web-app-capable” /> 

<!--第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；--!>
<meta content=”black” name=”apple-mobile-web-app-status-bar-style” /> 

<!--第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码。--!>
<meta content=”telephone=no” name=”format-detection” /> 

解决: 使用第二个私有meta

建议阅读

移动端Web系列4 -- meta