微信扫一扫安装IOS或Android客户端



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>安全下载</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,minimal-ui">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<style type="text/css">
html,body,figure,h2,h3,dl,dt,dd,ul,li,p {
margin: 0; padding: 0; display: block;
}
* {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {
font-size: 16px;
font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif;
background: #ff2d4b;
}


.up{
margin: 7px;
text-align: right;
}
.up img{
width: 25px;
height: 32px;
}


.tip{
margin: 0 12px;
padding: 9px 20px 7px 14px;
border-radius: 8px;
background: #fff;
}
.tip img{
float: left;
width: 40px;
height: 40px;
margin-right: 12px;
}


.tip p{
font-size: 0.9375em;
line-height: 1.5em;
}


.line1{
color: #333;
}


.line2{
color: #ff2d4b;
}
</style>
</head>
<body>
<div id="text">
<figure class="up" ><img src="http://webmap0.map.bdimg.com/static/mwaimai/zt/dl/images/up_7648023.jpg"></figure>
<div class="tip">
<img src="http://webmap0.map.bdimg.com/static/mwaimai/zt/dl/images/logo_aa1754d.jpg">
<p class="line1">下载应用请点击右上角按钮选择</p>
<p class="line2">[在浏览器中打开]</p>
</div>
</div>
<script type="text/javascript">
function checkDevice(){
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { 
return 'ios';
} else if (/(Android)/i.test(navigator.userAgent)) {
return 'android';
}
}
function addStat(obj) {
var da_src = obj.da_src,
da_act = obj.da_act,
da_trd = obj.da_trd,
t = (new Date()).valueOf();
url = "http://map.baidu.com/mobile/img/t.gif?newmap=1&t=" + t 
+ "&code=SAK&da_trd=" + da_trd 
+ "&da_src=" + da_src 
+ "&da_act=" + da_act
+ "&module=waimai&third_party=&resid=31&da_ver=2.1.0";


var img = new Image();
img.src = url;
return img;
}


function isWeixinBrowser(){
var ua = navigator.userAgent.toLowerCase();
return (/micromessenger/.test(ua)) ? true : false ;
}


function getParams(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
   var r = window.location.search.substr(1).match(reg);
   if (r != null) return decodeURIComponent(r[2]); return null;
   }


   function getValue(name){
    return getParams(name) == null ? "" : getParams(name);
   }




   //如果带参数,则记录到统计代码中
   // utm_medium = 推广大类 如凤巢,utm_campaign = 城市+时间,utm_term = 关键词 ,packno = 包名, channel = 渠道号
var param = getValue("channel");
var utm_medium = getValue("utm_medium");
var utm_campaign = getValue("utm_campaign");
var utm_term = getValue("utm_term");
var packno = getValue("packno");
var latest_version = getValue("version") || '223'; 


window.onload = function(){
//页面统计
addStat({da_src:'MwaimaiMiddlePg',da_act:'show',da_trd:'waimai',third_party:utm_medium+utm_campaign+utm_term});
//浏览器中
if(!isWeixinBrowser()){
document.body.style.background = "#fff";
document.getElementById("text").style.display = "none";
var device = checkDevice();
if(device == 'ios') {
setTimeout(function(){
window.location.href = "https://itunes.apple.com/cn/app/bai-du-wai-mai/id911686788?l=en&mt=8";
}, 1500);
} else {
setTimeout(function(){
if (param === 'bs') {//如果channel等于bs
window.location.href = "http://域名/PhoneApp.apk";
} else if(packno != ''){//如果指定了packno
window.location.href = "http://域名/PhoneApp.apk";
} else {//默认情况
window.location.href = "http://域名/PhoneApp.apk";
}
},1500);
}
}
}

</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS仿微信扫一扫是指在iOS系统上开发一个类似于微信扫一扫功能的应用程序。 该应用程序的主要功能是使用手机摄像头进行二维码扫描,并解析出二维码中的信息。用户可以通过打开应用程序,进入扫一扫界面,将摄像头对准待扫描的二维码,系统会自动识别二维码并进行解析。解析出的信息可以根据需求进行处理,例如跳转到指定的链接、添加好友等。 在开发过程中,首先需要调用iOS的相机API,使得应用程序可以打开手机摄像头进行扫描。其次,需要使用二维码解析库,对扫描到的二维码进行解析,获取其中的信息。解析出的信息可以使用相关库进行处理,例如使用Web API进行网络请求,获取更多的信息。最后,可以根据解析出的信息进行相关的操作,例如打开链接、发送消息等。 在界面设计上,可以参考微信扫一扫的样式和交互方式,使得用户在使用时能够有熟悉的感觉。可以使用类似的界面元素和动画效果,提高应用程序的用户体验度。 总之,iOS仿微信扫一扫是一个具有实际应用价值的应用程序开发项目。通过调用相机API和二维码解析库,实现扫描二维码并解析的功能,进一步根据解析出的信息进行相关操作,如打开链接、发送消息等。同时,在界面设计上可以参考微信扫一扫的样式和交互方式,提高用户体验度。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值