一个二维码，苹果安卓两种下载方案

需求：
扫描同一个二维码，在苹果系统下面，直接跳转到苹果的appstore应用对应的页面，在安卓系统下，直接浏览器下载。
代码如下：
思路是根据useragent判断浏览器的类型，从而判断系统的类型。
下面的代码是http://appurl.cc/生成的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head lang="en"><link href="/images/favicon.ico?v=20150706" rel="shortcut icon" type="image/x-icon" /><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta content="email=no" name="format-detection"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><meta property="og:type" content="webpage" /><meta property="og:title" content="应用下载" /><meta name="twitter:description" content="http://appurl.cc/125489" /><meta property="og:description" content="http://appurl.cc/125489" /><meta property="og:image" content="http://appurl.cc/images/app_logo.jpg" /><link rel="stylesheet" type="text/css" href="/images/mob/css.css" /></head><title>应用下载</title><body><div id="content"><script type="text/javascript">/** 智能机浏览器版本信息:**/$(function () {var browser = {versions: function() {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Presto') > -1, //opera内核webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部};}(),language: (navigator.browserLanguage || navigator.language).toLowerCase()}if(isWeiXin()){var language = navigator.browserLanguage?navigator.browserLanguage:navigator.language;//非中文的if (language.indexOf('zh-') == -1){$("#en_tips").show();return;}if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {var url = 'https://itunes.apple.com/cn/app/bai-du';if(url.indexOf("qq.com") >= 0 ||(url.indexOf("myapp.com") >=0 && url.indexOf(".apk") < 0 )) {window.location.href="https://itunes.apple.com/cn/app/bai-du";} else {$("#ios_tips").show();}} else {var url = 'http://www.baidu.com/baidu.apk';if((url.indexOf("qq.com") >= 0 || url.indexOf("myapp.com")>=0 ) && url.indexOf(".apk") < 0) {window.location.href="http://www.baidu.com/baidu.apk";} else {$("#android_tips").show();}}} else if(isWeibo()){if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {$("#weibo_tips_ios").show();} else {$("#weibo_tips_android").show();}} else if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {window.location.href="https://itunes.apple.com/cn/app/bai-du";}else if (browser.versions.android) {window.location.href="http://www.baidu.com/baidu.apk";}else {window.location.href="http://www.baidu.com/baidu.apk";}})function isWeiXin(){var ua = window.navigator.userAgent.toLowerCase();if(ua.match(/MicroMessenger/i) == 'micromessenger'){return true;}else{return false;}}function isWeibo(){var ua = navigator.userAgent.toLowerCase();if(ua.match(/weibo/i) == "weibo"){return true;} else {return false;}}</script><div class="tip_wrap" ><img id="ios_tips" src="/images/mob/weixin_ios1123.jpg" class="wxtip tip_ios" style="display:none"><img id="android_tips" src="/images/mob/weixin_android1123.jpg" class="wxtip tip_android" style="display:none"><div id="weibo_tips_ios" name="weibo_tips_ios" class="weibo_tips_ios" style="display:none;text-align: center;padding-top: 20px;" ><span style="color: black;font-size: 17px;">请点击右上角,用Safari打开,下载应用</span></div><div id="weibo_tips_android" class="weibo_tips_android" style="display:none;padding-top: 20px;text-align: center;" ><span style="color: black;font-size: 17px;">请点击右上角,在浏览器中打开,下载应用</span></div><div id="en_tips" class="en_tips" style="display:none;padding-top: 20px;text-align: center;" ><span style="color: black;font-size: 17px;">Please click on the top right in the browser to download</span></div></div><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script>wx.config({appId: 'wx26336b337827bb57',timestamp: 1466394228,nonceStr: 'j0i9Jx4c4OdpjDe5',signature: '68b3f0f5ee7d713bcbf019d76184b51336143502',jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ'// 所有要调用的 API 都要加到这个列表中]});wx.ready(function () {wx.onMenuShareAppMessage({title: '应用下载',desc: 'http://appurl.cc/125489',link: 'http://appurl.cc/125489',imgUrl: 'http://appurl.cc/images/app_logo.jpg'});wx.onMenuShareTimeline({title: '应用下载',link: 'http://appurl.cc/125489',imgUrl: 'http://appurl.cc/images/app_logo.jpg'});wx.onMenuShareQQ({title: '应用下载',desc: 'http://appurl.cc/125489',link: 'http://appurl.cc/125489',imgUrl: 'http://appurl.cc/images/app_logo.jpg'});});
</script></div></body><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "//hm.baidu.com/hm.js?3d3e8edb7bcc47a5be2981b6a877ca99";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
</script>
</html>

一个二维码，苹果安卓两种下载方案相关推荐

vue编写一个登录页面，使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换
编写一个登录页面,使用Tab栏实现"账号登录"和"二维码登录"这两种方式的切换,并通过transition组件结合animate.css实现切换时的动画效果 1 ...
一个二维码通吃 android , ios 下载
前言:做出一个产品后,第一步是更方便简洁的让用户可以马上安装上应用,第一步就给用户一个好的体验.二维码已经流行很久,二维码的确给手机输入地址方便了许多许多. 如果 ios 平台和 android 平台 ...
一个二维码自动识别安卓手机和苹果手机
最近做个功能需要安卓手机和苹果手机扫描同一个二维码时,跳转到不同的地址进行下载,刚开始我想的是用js进行判断手机的设备而进行跳转.不过后来发现,网上已经有做好的功能了.二百二二维码方法二:用js判断 ...
前端生成二维码qrcode.js，并下载
利用qrcode.js在前端生成二维码,并下载一.引入js包 <script type="text/javascript" src="//static.runoo ...
一个二维码实现苹果和安卓两个市场安装包自动分发
概述现在的各种市场推广方式,不论是平面的还是多媒体的,都能看到二维码的身影了,可以说是二维码满天飞.扫一扫的方式几乎已经深入人心,这一方面微信可谓功不可没,现在也是树敌无数(如果这一句你不懂,请继续 ...
苹果安卓APP下载地址合并为一个二维码
公司做APP推广,因为苹果系统和安卓系统的区别,上架的应用市场也不同,导致了苹果和安卓各有一个APP下载二维码,这样推广起来很不方便,所以一直想实现能够一个二维码同时兼具苹果和安卓下载地址.苹果用户扫 ...
安卓app和苹果app共用一个二维码
应项目要求,现在安卓app和苹果app共用一个二维码,对外提供下载: <html><head><meta http-equiv="Content-Type&qu ...
唯唯码 - 一个二维码同时实现苹果安卓APP扫码下载
公司做APP推广,因为苹果系统和安卓系统的区别,上架的应用市场也不同,导致了苹果和安卓各有一个APP下载二维码,这样推广起来很不方便,所以一直想实现能够一个二维码同时兼具苹果和安卓下载地址.苹果用户扫 ...
一个二维码如何自动识别是安卓（Android）还是苹果(IOS)
思考问题: 通常,我们开发一个APP,有Android版本.IOS版本. 但是只有一个二维码?怎么办呢? 怎么让IOS用户扫描二维码下载IOS版本,Android用户扫描二维码下载到Android版本 ...

一个二维码，苹果安卓两种下载方案

一个二维码，苹果安卓两种下载方案相关推荐

最新文章

热门文章