下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
【移动应用开发技术】微信中的网页如何实现自动直接跳转到手机外部默认浏览器
上半年公司有一个新的APP项目上线,我们在项目首页做个二维码,然后用户用手机扫一扫就能下载了。但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使用uc之类的浏览器做扫描。上网查了一下,微信自带的内置浏览器屏蔽了下载功能,所以才出现用微信扫一扫不能下载的情况。这时候我们一般会建议用户使用uc或者其他第三方浏览器自带的扫一扫功能下载。但是现在的微信太普及了,很多人都习惯性的使用微信来扫码下载,总不能每个用户都解释一遍,所以我们一直在寻找解决方案。要解决这个问题思路很明确,既然微信内置浏览器不支持下载,那就只能想办法调用外部浏览器来下载。所以我们在寻找这么一种方案:用户点了某个推广链接如何调用外部的浏览器实现下载功能呢?好了,废话不多说了,直接上方案。方案1:弹出一个遮罩提示用户在新的浏览器窗口打开。使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览器中打开,在这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。想要制作而又不懂技术的朋友可以前往部分代码(网上有很多,我就不献丑了)a>×span>p>div>var
is_weixin=(function(){return
navigator.userAgent.toLowerCase().indexOf('micromessenger')!==
-1})();window.onload=
function()
{var
winHeight=
typeof
window.innerHeight!=
'undefined'
?
window.innerHeight:
document.documentElement.clientHeight;
//兼容IOS,不需要的可以去掉var
btn=
document.getElementById('J_weixin');var
tip=
document.getElementById('weixin-tip');var
close=
document.getElementById('close');if
(is_weixin){btn.onclick=
function(e)
{tip.style.height=winHeight+
'px';
//兼容IOS弹窗整屏tip.style.display=
'block';return
false;}close.onclick=
function()
{tip.style.display=
'none';}}}方案2:这个方案就是我们现在用的这种,相比第一种的话,转化率方面都有显著发的提升,这个方案需要我们借助一个外部的接口来实现此功能
我们在他们那边租用了此接口。通过租用的接口可以实现安卓端微信直接唤醒手机默认浏览器打开指定的链接,从而实现下载APP的功能,具体实现原理:利用HTTP请求中Header中的user-agent字段,来识别用户的客户端,如果判断用户是在微信中打开的链接,则自动打开系统手机浏览器来打开链接。如果是在手机浏览器打开,则正常访问。判断用户客户端的Javasript代码如下:functionis_wechat_client(){
varua=navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger"){
returntrue;
}e
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 海运物流行业市场需求变化带来新的商业机遇分析报告
- 农业保险科技行业市场深度分析报告
- 智慧金融AI行业市场需求变化带来新的商业机遇分析报告
- 休闲竞技游戏行业市场深度分析报告
- 智能自动化设备行业发展趋势研判及战略投资深度研究报告
- 湖北省2024年中考语文真题试卷二套合卷【附答案】
- 2024届山东省菏泽市高三模拟冲刺押题卷(六)语文试卷(解析版)
- 小区园林景观绿化工程施工方案
- 2024届天津市河西区高三上学期期中质量调查物理试题(解析版)
- 四川省攀枝花市(2024年-2025年小学四年级语文)统编版专题练习(上学期)试卷及答案
- 加氢工艺安全
- 外贸委托付款协议书模板(中英文版)
- “三重一大”制度落实方面存在的问题及对策建议
- 飞行器隐身技术
- 储量核实报告评审要点 (2)
- 新视野英语教程第三版unit1
- 人力资源管理成熟度(PCMM)介绍
- 48型盘扣脚手架重量表4页
- 干燥机安装方案10.24
- 品牌服装店运营管理手册
- 基坑支护施工方案(锚杆、挂网、钢管桩)
评论
0/150
提交评论