js点击下载跳转iOS或安卓
2017-10-11 17:53
337 查看
原文链接:http://caibaojian.com/android-ios-downapp.html
在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了。
之前写过的一个代码:判断iOS或安卓·
有了这个判断,就可以根据对应的平台来进行操作。
1.安卓的,就直接下载app,或者跳到安卓应用市场下载
2.iOS的,直接跳到苹果商店的应用页进行下载
3.其它平台,跳到自定义的页面,比如一个放有多个平台的下载页。
你可以直接把这个函数放在一个按钮或者链接上,点击触发这个事件。就能实现js点击跳转到适合手机的设备了。
例如:
记得修改一下上面应用的链接地址,设置对应的路径。
打开手机点击下面这个按钮试试效果,在PC上点击会跳到一个下载汇总页面。
在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了。
之前写过的一个代码:判断iOS或安卓·
<script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android:'+isAndroid); alert('是否是iOS:'+isiOS); </script>
有了这个判断,就可以根据对应的平台来进行操作。
1.安卓的,就直接下载app,或者跳到安卓应用市场下载
2.iOS的,直接跳到苹果商店的应用页进行下载
3.其它平台,跳到自定义的页面,比如一个放有多个平台的下载页。
//code from http://caibaojian.com/android-ios-downapp.html function downApp(){ var u = navigator.userAgent, isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), urls = { 'android':'http://ftp-apk.pcauto.com.cn/pub/autoclub-5000-autowapDL1.apk', 'ios':'https://itunes.apple.com/cn/app/zhong-guo-che-you-hui/id640447959', 'other':'http://www1.pcauto.com.cn/app/20141120/pcautoapp/index.html' }; //三元运算 // window.location.href = isAndroid? urls.android : isiOS? urls.ios : urls.other; //简化 if(isAndroid){ window.location.href=urls.android; }else if(isiOS){ window.location.href=urls.ios; }else{ window.location.href=urls.other; } } downApp();
你可以直接把这个函数放在一个按钮或者链接上,点击触发这个事件。就能实现js点击跳转到适合手机的设备了。
例如:
<a href="javascript:void(0)" onclick="downApp()">点击下载应用</a>
记得修改一下上面应用的链接地址,设置对应的路径。
打开手机点击下面这个按钮试试效果,在PC上点击会跳到一个下载汇总页面。
相关文章推荐
- js点击下载跳转iOS或安卓
- js点击下载跳转iOS或安卓
- js点击下载跳转iOS或安卓
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- ios点击链接直接跳转到 App Store 指定应用下载页面
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- js结合schema实现外部网页点击APP下载按钮,已安装的话打开APP,未安装跳转到下载页
- JS判断手机操作系统(ios或android)并跳转到不同下载页面
- js 点击复制(pc,安卓,ios,微信)
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- js判断iOS或安卓跳转相应平台【基础常用】
- ios点击链接直接跳转到 App Store 指定应用下载页面
- 【JS】点击页面判断是否安装app并打开,否则跳转下载的方法
- iOS和安卓共用同一个二维码实现跳转下载链接
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- ios与js交互,获取webview完整url,title,获取元素并赋值跳转
- js调用安卓和ios代码
- 页面上点击下载,和使用js来默认select的值
- 点击下拉直接跳转js