微信扫描二维码下载app（安卓或IOS）

问题：微信直接分享apk文件链接，微信提示“网页包含恶意文件”。

解决办法：制作html页面，判断微信打开后，引导用户用浏览器打开链接，下载

碰到问题：微信缓存

参考文章H5页面缓存处理办法

具体实现代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><META HTTP-EQUIV="pragma" CONTENT="no-cache">;<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"><META HTTP-EQUIV="expires" CONTENT="0"><title></title><style>.link{display: none;}.show{display: block;}.download{width: 60%;height: 70px;line-height: 70px;background-color: #32B2A7;color: #fff;text-align: center;border-radius: 35px;font-size: 34px;margin: auto;position: relative;   }.download a{color: #fff;text-decoration:none;}.a1 p{width: 80%;text-align: center;font-size: 36px;margin: auto;margin-top: 50px;}.boxtop{width: 400px;height: 500px;padding-top: 150px;margin-left: 0;margin-right: 0;margin:auto;margin-top: 100px;margin-bottom: 50px;}.icon img{width: 400px;}.anicon img{width: 70px;position: absolute;top: -12px;}.anicon span{font-size: 40px;font-weight: bold;margin-left: 95px;}.iosicon img{width: 70px;position: absolute;top: -12px;}.iosicon span{font-size: 40px;font-weight: bold;margin-left: 95px;}.boxbottom{width: 380px;margin: auto;position: relative;margin-bottom: 50px;}.lineheng{width: 80%;height: 50px;border-bottom: solid #383838 1px;margin: auto;margin-bottom: 30px;}.bulid p{width: 80%;color: #bdc3c1;font-size: 36px;margin: auto;text-align: center;margin-bottom: 50px;margin-top: 30px;}.computer p{width: 30%;font-size: 36px;margin: auto;text-align: center;margin-bottom: 50px;margin-top: 30px;}</style>
</head>
<body><div class="box"><div class="boxtop"><div class="icon"><img src="img/LOGO1.jpg" alt=""></div></div><span class="line"></span><div class="android link"><div class="anicon boxbottom"><img src="img/android.png" alt=""><span>app名称</span></div><div class="lineheng"></div><div class="bulid"><p>1.1.0（Bulid 1.1.0_20221114）-20MB<br>更新于：2022年11月14日</p></div><div  class="link a2 show"><!-- 不是微信端 --><div class="download"><a href="http://app.apk">下载安装手机版</a></div></div><div  class="link a1"><!-- 微信端 --><p>请点击右上角省略号，用手机浏览器打开此页面进行下载</p></div></div><div class="ios link"><div class="iosicon boxbottom"><img src="img/iphone.png" alt=""><span>app名称</span></div><div class="lineheng"></div><div class="bulid"><p>1.1.0（Bulid 1.1.0_20221114）-20MB<br>更新于：2022年11月14日</p></div><div class="download"><a href="https://apps.apple.com/cn/app/idxxxxxx">下载安装手机版</a></div></div><div class="computer link"><p>请使用手机扫描</p></div></div><script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>function isWeiXin() {var ua = window.navigator.userAgent.toLowerCase();console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1if (ua.match(/MicroMessenger/i) == 'micromessenger') {return true;}else {return false;}}if(isWeiXin()){// console.log(" 是来自微信内置浏览器");$(".a1").addClass("show");$(".a2").removeClass("show");}else{// console.log("不是来自微信内置浏览器");$(".a2").addClass("show");$(".a1").removeClass("show");}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终端$(".ios").removeClass("show");$(".android").removeClass("show");if(isAndroid){$(".android").addClass("show");$(".ios").removeClass("show");}else{if(isiOS){$(".ios").addClass("show");$(".android").removeClass("show");}else{$(".ios").removeClass("show");$(".android").removeClass("show");$(".computer").addClass("show");}}// alert('是否是Android：'+isAndroid);// alert('是否是iOS：'+isiOS);</script>
</body>
</html>

微信扫描二维码下载app（安卓或IOS）相关推荐

微信浏览器禁止下载APK文件微信扫描二维码下载app的方法
在微信中,打开app下载链接,或者使用微信扫一扫app下载二维码,都是无法下载app的. 因为腾讯为了自身利益,屏蔽了其他app直接在微信中下载.下面给分享下,找到的2种有效的解决方案. 方案:点击链 ...
关于扫描二维码下载app功能实现方法
关于扫描二维码下载app功能实现方法功能实现思路: Androidapk的下载本质上就是文件的下载,所以我们只需要在后台提供一个下载的方法,就能是实现apk的下载. 在实现后台代码以后,我们生成 ...
前端如何实现微信扫描二维码下载应用，根据手机系统跳转不同页面
菜花记录前端如何实现微信扫描二维码下载应用,根据手机系统跳转不同页面需求 :由于微信扫码无法直接下载需要再跳转到浏览器下载,所以微信扫码页面添加背景图和相关提示草料二维码生成器地址整改之前: ...
微信环境中扫描二维码下载APP（APK）文件的解决方案-自动跳转到手机默认浏览器（AppStore）打开
很多朋友的APP的下载推广以二维码的形式在微信中进行推广,但是微信中是屏蔽掉了扫一扫二维码下载APP文件的方式.但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链接.我们要怎么 ...
扫描二维码下载app，判断是Android还是ios，并跳转到不同的下载地址
写在前面通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只 ...
扫描二维码下载app，判断是Android还是ios，并跳转到不同的下载地
写在前面通常,我们开发一个app,有Android版本,有ios版本,但是,我们有时候只有一个二维码可以放置,比如,通过社会化分享,分享到微信一张图片,通过微信识别二维码来下载我们的app,此时,只 ...
扫描二维码下载APP文件在项目中的实现
实现思路现在的很多项目都拥有web网页端和APP端,一般都是同时使用,当使用APP时则需要下载,常用的方式则是扫描二维码下载.现在来分享一下自己在工作中具体是如何实现扫描二维码进行下载的. 生成二维 ...
移动端扫描二维码下载app
核心代码: <div id="testid"></div> <script type="text/javascript"> ...
微信扫描二维码下载软件
1.引用qrcode.js前,去如下地址下载或学习使用 QRCode.js教程地址可参考:http://www.runoob.com/w3cnote/javascript-qrcodejs-libra ...

微信扫描二维码下载app（安卓或IOS）

微信扫描二维码下载app（安卓或IOS）相关推荐

最新文章

热门文章