通过JS唤醒app（安卓+ios）

有需求说要通过页面按钮唤醒app，或者手机上没有这款app跳转到商店，然后刚开始也是查了资料的，结果发现一头雾水，不过最后还是捣鼓出来了，当然也参考了前人分享的经验，下面我就将方法整理一下：

首先明确一下目的，是要在分享出去的html页面，通过js操作唤醒app或者打开商店，那么第一步就应该先判断当前的环境，这里我附上详细的判断方法，通用的

var browser = {

versions: function() {

var u = navigator.userAgent,

app = navigator.appVersion;

return {

trident: u.indexOf('Trident') > -1,

presto: u.indexOf('Presto') > -1,

webKit: u.indexOf('AppleWebKit') > -1,

gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,

mobile: !!u.match(/AppleWebKit.*Mobile.*/),

ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),

android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,

iPhone: u.indexOf('iPhone') > -1,

iPad: u.indexOf('iPad') > -1,

webApp: u.indexOf('Safari') == -1,

souyue: u.indexOf('souyue') > -1,

superapp: u.indexOf('superapp') > -1,

weixin:u.toLowerCase().indexOf('micromessenger') > -1,

Safari:u.indexOf('Safari') > -1

};

}(),

language: (navigator.browserLanguage || navigator.language).toLowerCase()

};

这里用到两个判断，一个ios一个安卓

if (browser.versions.ios) {

//你的代码

}else if (browser.versions.android){

//你的代码

}

那么接下来就应该判断当前手机上是否有安装某款应用，但是要知道js是无法判断手机上是否安装了哪款app的，所以有app打开app，没有app跳转到商店就可以这么做，js打开ios系统app的方法是这样的，拿淘宝为例：

taobao://

那么同理安卓的方法也是一样的，只不过打开app的协议不同，这个对应的打开app的协议是你们ios和安卓开发的小伙伴提供给你的，接下来的原理就是尝试发起打开app的请求，如果有提示是否在某款app中打开，那就可以直接打开了，如果打不开那么我们就要做另外一件事情了

if (browser.versions.ios) {

window.location.href = "taobao://";

setTimeout(function(){

window.location.href = "你的app在商店中的地址";

window.location.href = "你的app在商店中的地址"; //为什么要加两遍我下面会说到

},2000)

}else if (browser.versions.android){

window.location.href = "taobao://**";

setTimeout(function(){

window.location.href = "你的app的下载地址";

},2000)

}

当然为什么要加定时器，相信大家也都知道，因为打开app是需要时间的，而js代码瞬间就执行完毕了，当然这里还有几个坑，ios系统第一次window.location.href尝试打开app有时候会弹一下是否在某款app中打开之后马上跳到商店，为了解决这个问题我加了两遍window.location.href。

js唤醒淘宝手机app相关推荐

HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
HTML5响应式手机模板：电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 h ...
唤醒淘宝app并跳转对应的商品详情页面
util文件跳转方法类: function loadURL(url) {var iFrame;var u = navigator.userAgent;var isAndroid = u.indexOf ...
如何免费拥有自己的淘宝手机店铺app?
用手机访问淘宝店移动端购物的人越来越多,可手机上输入网址是较为麻烦的,手机扫码访问也是在一定条件下看到淘宝店铺二维码才行,下载手机淘宝app再搜索你家的淘宝店铺也很麻烦的.其实最直接的方法就是打造属于 ...
阿里百川V6安全图，uniapp使用阿里百川SDK V6安全图唤醒淘宝APP 阿里百川新版本打开淘宝领券页面/渠道备案,uniapp对接淘宝联盟等等超级详细
阿里百川V6安全图,uniapp使用阿里百川SDK V6安全图唤醒淘宝APP 阿里百川新版本打开淘宝领券页面/渠道备案,uniapp对接淘宝联盟等等超级详细此文章是针对插件市场1.6版本升级的介绍 ...
JS仿淘宝网顶部的导航菜单
代码简介: JS仿淘宝网顶部的导航菜单.整合了购物车,收藏夹,搜索,搜索,网站导航等功能的导航. 代码内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...
我的 Chrome extensions 之淘宝手机站助手
在比较早的时候,淘宝手机站在电脑上打开是没有链接跳转到PC站的,而手机站显示的内容又有限.看个商品大图很是蛋疼,于是这个手机站助手就出来了. 功能很简单,就是当浏览器访问*.m.taobao.com* ...
python爬取淘宝手机信息并下载到excel文件中
#coding=GBK import requests import re from xlwt import Workbook import xlrd import time def key_name ...
python词云代码手机_【云计算】爬取淘宝手机品牌词云分析（python）
本文主要向大家介绍了[云计算]爬取淘宝手机品牌词云分析(python),通过具体的内容向大家展现,希望对大家学习云计算有所帮助. 淘宝手机信息的爬取,请看这边博客(点击这里),然后我们利用其中保存的文 ...
worldcloud淘宝手机品牌词云分析
淘宝手机信息的爬取,请看这边博客(点击这里),然后我们利用其中保存的文本来进行绘制词云. 首先直接贴上代码(有写的不明白的可以直接留言,一起学习) import matplotlib.pyplot a ...

js唤醒淘宝手机app

通过JS唤醒app（安卓+ios）

js唤醒淘宝手机app相关推荐

最新文章

热门文章