45875人阅读
iOS技术（101）
常常有这样的场景，咱们开发出来的APP需要进行推广，比如在页面顶部来一张大Banner图片，亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接（App Store中的）。所以咱们来模拟一下用户的操作步骤：
1、用户第一次访问宣传页面
& &a、点击Banner，进入到APP Store中对应的APP下载页
& &b、APP下载页中提示：安装；用户点击安装
& &c、安装完成后，APP下载页中提示：打开；用户继续点击打开
& &d、用户正常使用APP
2、用户第二次访问宣传页面
& &a、点击Banner，进入到APP Store中对应的APP下载页
& &b、APP下载页中提示：打开；用户直接点击打开
& &c、用户正常使用APP
3、用户第三次、第四次、...、第N次访问，操作步骤同2
能看出来，不管是点击Banner还是扫描二维码的方式，对于已经安装过APP的用户来说，这个体验都是非常糟糕的。
更优的体验是：点击Banner（或扫描二维码）后，程序判断当前系统是否已安装App，如果未安装，则自动跳转到App Store下载页；否则直接打开App。
在iOS上，要增加一个APP的大Banner，其实只需要在&head&标签内增加一个&meta&标签即可，格式如：
&meta name='apple-itunes-app' content='app-id=你的APP-ID'&
比如加一个百度贴吧的Native APP大Banner，用下面这串儿代码：
&meta name='apple-itunes-app' content='app-id='&
而对于点击链接后，能否直接打开，可以通过下面的代码来实现。前提条件：你得知道你的APP对应的打开协议，如贴吧APP，协议为：com.baidu.tieba:// ，微信的：weixin:// ，and so on。。。
&!-- a标签的链接，设置为对应的下载链接；点击打开的动作，在click事件中注册 --&
&a href=&/cn/app/id& id=&openApp&&贴吧客户端&/a&
&script type=&text/javascript&&
document.getElementById('openApp').onclick = function(e){
// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
// 否则打开a标签的href链接
var ifr = document.createElement('iframe');
ifr.src = 'com.baidu.tieba://';
ifr.style.display = 'none';
document.body.appendChild(ifr);
window.setTimeout(function(){
document.body.removeChild(ifr);
当然，如果你是设计成一张二维码，可以用下面这段代码：
&!-- a标签的链接，设置为对应的下载链接；点击打开的动作，在click事件中注册 --&
&a href=&/cn/app/id& id=&openApp& style=&display: none&&贴吧客户端&/a&
&script type=&text/javascript&&
document.getElementById('openApp').onclick = function(e){
// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
// 否则打开a标签的href链接
var ifr = document.createElement('iframe');
ifr.src = 'com.baidu.tieba://';
ifr.style.display = 'none';
document.body.appendChild(ifr);
window.setTimeout(function(){
document.body.removeChild(ifr);
document.getElementById('openApp').click();
要使用哪一种，就取决与你的实际场景了！
我们在浏览网页的时候，你会看到一个网页下面漂浮着一个提示框“打开APP”或者“下载APP的字样”，如果你的手机已经安装过这个APP，那么网页会提示“打开APP”，如果没有安装，那就会提示“下载APP的字样” &这个从技术角度是如何去实现的呢？下面我给大家分享这块技术，去年公司给国际动漫节做项目的时候，客户就提到这个需求，在点击网页企业的时候 那么直接打开APP（如果已经安装了） 如果没有安装过，直接打开APP页面
下面我把这块的源码分享一下
(navigator.userAgent.match(/android/i)) {
ifrSrc =&'&type=0&id=${com.id}&phone_num=${com.phone_num}';
ifr = document.createElement('iframe');
&&&&&ifr.src
&&&&&ifr.style.display
&&&&&ifr.onload
= function() {
&&&&&isInstalled
&&&&&alert(isInstalled);
&&&&&document.getElementById('openApp0').click();};
&&&&&ifr.onerror
= function() {
&&&&&&&&&isInstalled
&&&&&&&&&alert(isInstalled);
&&&&&document.body.appendChild(ifr);
&&&&&setTimeout(function()
&&&&&&&&&document.body.removeChild(ifr);
&&&&&},1000);
(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) &{
&&&&&&&&&var
&&&&&&&&&var
ifrSrc =&'${com.short_name}&comID=${com.id}&comPhoneNum=${com.phone_num}&type=0';var
ifr = document.createElement('iframe');
&&&&&&&&&ifr.src
&&&&&&&&&ifr.style.display
&&&&&&&&&ifr.onload
= function() {
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&isInstalled
&&&&&&&&&&&&&&alert(isInstalled);
&&&&&&&&&&&&&&document.getElementById('openApp1').click();};
&&&&&&&&&ifr.onerror
= function() {
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&isInstalled
&&&&&&&&&&&&&&alert(isInstalled);
&&&&&&&&&}
&&&&&&&&&document.body.appendChild(ifr);
&&&&&&&&&setTimeout(function()
&&&&&&&&&&&&&&document.body.removeChild(ifr);
&&&&&&&&&},1000);
大家在做的过程中需要注意两个问题：
1、接口地址一定要写对，大家可以查一下schema协议，通过这个协议调用的
2、在做用安卓的时候 &如果用微信扫一扫或者ＱＱ浏览器扫码功能的时候
使用上面的协议会存在问题的就是必须用ＡＰＫ上架到腾讯应用市场上去
源码下载地址：http://download.csdn.net/detail/wangliang5049
转载请注明：&>>&
http://www.androidchina.net/2435.html
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：750037次
积分：6614
积分：6614
排名：第2875名
原创：63篇
转载：138篇
评论：101条
(2)(1)(2)(1)(1)(2)(1)(4)(6)(9)(2)(8)(9)(8)(8)(7)(2)(5)(4)(7)(10)(5)(6)(3)(3)(4)(10)(3)(1)(4)(5)(8)(14)(9)(10)(3)(1)(1)(1)(3)(2)(4)(1)(2)大家都在下
　　从今年的双十一的销售成绩看，华为、魅族、小米形成了三国鼎立的局...
过年期间，大家一定收到和派发很多红包了吧，不管是收到的还是派发的红...
还没关注下载之家微信 的亲们赶紧扫一扫左侧的二维码吧！
亲们赶紧扫一扫关注下载之家的微信与我们互动吧！
微信公众号新浪微博
拼音索引：jQuery点击按钮弹出用户登录窗口带二维码扫描
下载资源()次
阅读次数()次
发布时间：
用法简介：
jQuery点击按钮弹出用户登录窗口带二维码扫描。文件引用：&script&src=&js/jquery-1.11.0.min.js&&type=&text/javascript&&&/script&
&script&type=&text/javascript&&
//窗口效果
//点击登录class为tc&显示
$(&.tc&).click(function(){
$(&#gray&).show();
$(&#popup&).show();//查找ID为popup的DIV&show()显示#gray
tc_center();
//点击关闭按钮
$(&a.guanbi&).click(function(){
$(&#gray&).hide();
$(&#popup&).hide();//查找ID为popup的DIV&hide()隐藏
//窗口水平居中
$(window).resize(function(){
tc_center();
function&tc_center(){
var&_top=($(window).height()-$(&.popup&).height())/2;
var&_left=($(window).width()-$(&.popup&).width())/2;
$(&.popup&).css({top:_top,left:_left});
&script&type=&text/javascript&&
$(document).ready(function(){&
$(&.top_nav&).mousedown(function(e){&
$(this).css(&cursor&,&move&);//改变鼠标指针的形状&
var&offset&=&$(this).offset();//DIV在页面的位置&
var&x&=&e.pageX&-&offset.//获得鼠标指针离DIV元素左边界的距离&
var&y&=&e.pageY&-&offset.//获得鼠标指针离DIV元素上边界的距离&
$(document).bind(&mousemove&,function(ev){&//绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件&
$(&.popup&).stop();//加上这个之后&
var&_x&=&ev.pageX&-&x;//获得X轴方向移动的值&
var&_y&=&ev.pageY&-&y;//获得Y轴方向移动的值&
$(&.popup&).animate({left:_x+&px&,top:_y+&px&},10);&
$(document).mouseup(function()&{&
$(&.popup&).css(&cursor&,&default&);&
$(this).unbind(&mousemove&);&
相关标签：
下一篇:已经是最后一篇数据
网友评论：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
什么是邮箱订阅？
邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式，用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮，当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。