首页  >  文章  >  web前端  >  HTML5实战与剖析之是否从主屏幕图标进入的网站

HTML5实战与剖析之是否从主屏幕图标进入的网站

黄舟
黄舟原创
2017-02-10 14:39:251517浏览

  手机端的IOS系统中的safari浏览器可以把Webapp作为图标存在本地方便用户进行查看。那么我们怎么用户是否从主屏幕图标进入的网站呢?下面将为大家慢慢介绍。


  判断是否从主屏幕图标进入的网站的JavaScript代码如下

//判断是否是从主屏幕图标进入的网站。(只针对IOS系统)

if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {
  alert(1)
 }
 
 //通过判断navigator.standalone来确定是否是从主屏幕图标来进入网站的。
 //这个主要是应用在webapp端还是web端进入网站的。从而进行相应的操作。
 //本例是navigator.standalone等于false即是从浏览器(web端)进入的网站的。
 //那么在document文档中写入两段代码。

  以上便是HTML5实战与剖析之是否从主屏幕图标进入的网站功能的介绍,更多相关内容请关注PHP中文网(www.php.cn)!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn