用心服务 追求卓越品质

以服务为核心为客户持续创造价值
当前位置:日月行网络 > 做网站答疑解惑 > 如何检测用户是通过主屏启动你的webapp?

如何检测用户是通过主屏启动你的webapp?

发布时间:2017/02/21    来源: Admin   阅读次数: 2557

如何检测用户是通过主屏启动你的webapp
      看过Apple webapp API的同学都知道ioses为safari提供了一个将当前页面添加主屏的功能,按下 iphonessipodsipods touch底部工具中的小加号,或者ipads顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会 自动 增加一个当前页面的启动图标,点击该启动图标就可以快速、便捷的启动你的webapp。从主屏启动的webapp和浏览器访问你的webapp最大 的区别 是它清除了浏览器上方和下方的工具条,这样你的webapp就更加像是nativeapp了,还有一个区别是window对像中的 navigator子对 象的一个standalone属性。ioses中浏览器直接访问站点时,navigator.standalone为false,从 主屏启动webapp 时,navigator.standalone为true, 我们可以通过navigator.standalone这个属性获知 用户当前是否是从主屏访 问我们的webapp的。西安网站设计发现在androids中从来没有添加到主屏这回事!
      如何关闭ioses中键盘自动大写
      我们知道在ioses中,当虚拟键盘弹出时,默认情况下键盘是开启首字母大写的功能的,根据某些业务场景,可能我们需要关闭这个功能,移动版本webkit 为 input元素提供了autocapitalize属性,通过指定autocapitalize=”off”来关闭键盘默认首字母大写。
      ioses中如何彻底禁止用户在新窗口打开页面
      有时我们可能需要禁止用户在新窗口打开页面,我们可以使用a标签的target=”_self“来指定用户在新窗口打开,或者target属性保持空, 但 是你会发现ioses的用户在这个链接的上方长按3秒钟后,ioses会弹出一个列表按钮,用户通过这些按钮仍然可以在新窗口打开页面,这样的话,开发者指定 的 target属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout样式属性为none来禁止ioses弹出这些按钮。这 个技 巧仅适用ioses对于androids平台则无效。

西安做网站公司 - 日月行网络,负责贵公司的整体UI设计,微信公众号开发,小程序,网站管理系统开发,非常感谢贵公司对我们的信任和支持,我们会一如既往的为您服务!

日月行网络凭借多年的网站建设经验,累计为2000多家客户提供品质建站服务,得到客户的一致认可。 如果您有网站建设网站改版域名注册云主机·虚拟主机·网站空间手机网站建设网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线:15129265921,我们会详细为你解答您的疑惑。在线咨询客服

网站建设行业
网络推广
常见问题

151 2926 5921
7*24小时客服热线

加微信获取报价