我们首先拿到浏览器ua:
1 var ua = navigator.userAgent;
1 if (ua.indexOf("MicroMessenger") > -1) { 2 alert("微信浏览器"); 3 }
1 if (ua.indexOf("iPhone") > -1) { 2 alert("iphone"); 3 }
其它浏览器以及移动设备的浏览器都有自己的ua,我们可以通过查找它中间的一段关键字去判断它,就不列举下去了,网上都能查的到,在这里只说明判定方法。
我们通过ua判断访问者使用哪个移动设备发出的页面请求,这时候就可以使用urlSchema,使用location.href = "appiphone://";这段程序就能掉起iphone中的相应的app,前提是这个appiphone是在我们开发的app中注册好了的,那么这时候能唤起客户端。
然后我们可以通过判断浏览器页面的可见性状态,判断app是否被激活了,如果没有激活,我们可以继续在网页中进行操作,或者让程序去访问商店进行下载app。
1 if (ua.indexOf("iPhone") > -1) { 2 location.href = "appiphone://"; 3 window.setTimeout(function() { 4 if (document.hidden == false) { 5 location.href = "http://itunes.apple.com/cn/app/"; 6 } 7 }, 1500); 8 }