微信扫码下载apk快速解决方案，中间页引导法

最新推荐文章于 2022-11-16 14:14:45 发布
最新推荐文章于 2022-11-16 14:14:45 发布
阅读量1.3k 收藏 2
点赞数 1
分类专栏： apk
原文链接：https://www.cnblogs.com/liglacier/p/11358828.html
版权

扫完效果：

浏览器打开后：

源码：

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>XXXXApp</title>
</head>

<body>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .drawDownAppText {
        height: 80vh;
        max-width: 100vw;
        font-size: 32px;
        text-align: center;
        padding-top: 35vh;
    }

    .drawDownAppText a {
        text-decoration: none;
    }


    /*button样式start*/

    body{
        background:url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/wild_oliva.png);
    }
    .centered {
        margin:50px auto;
        text-align:center;
    }

    .button::-moz-focus-inner{
        border: 0;
        padding: 0;
    }

    .button{
        display: inline-block;
        *display: inline;
        zoom: 1;
        padding: 6px 20px;
        margin: 0;
        cursor: pointer;
        border: 1px solid #bbb;
        overflow: visible;
        font: bold 13px arial, helvetica, sans-serif;
        text-decoration: none;
        white-space: nowrap;
        color: #555;

        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
        background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));

        -webkit-transition: background-color .2s ease-out;
        -moz-transition: background-color .2s ease-out;
        -ms-transition: background-color .2s ease-out;
        -o-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
        background-clip: padding-box; /* Fix bleeding */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
        text-shadow: 0 1px 0 rgba(255,255,255, .9);

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .button:hover{
        background-color: #eee;
        color: #555;
    }

    .button:active{
        background: #e9e9e9;
        position: relative;
        top: 1px;
        text-shadow: none;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    }

    .button[disabled], .button[disabled]:hover, .button[disabled]:active{
        border-color: #eaeaea;
        background: #fafafa;
        cursor: default;
        position: static;
        color: #999;
        /* Usually, !important should be avoided but here it's really needed :) */
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Smaller buttons styles */

    .button.small{
        padding: 4px 12px;
    }

    /* Larger buttons styles */

    .button.large{
        padding: 12px 30px;
        text-transform: uppercase;
    }

    .button.large:active{
        top: 2px;
    }

    /* Colored buttons styles */

    .button.green, .button.red, .button.blue {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);

        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
        background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    }

    /* */

    .button.green{
        background-color: #57a957;
        border-color: #57a957;
    }

    .button.green:hover{
        background-color: #62c462;
    }

    .button.green:active{
        background: #57a957;
    }

    /* */

    .button.red{
        background-color: #ca3535;
        border-color: #c43c35;
    }

    .button.red:hover{
        background-color: #ee5f5b;
    }

    .button.red:active{
        background: #c43c35;
    }

    /* */

    .button.blue{
        background-color: #269CE9;
        border-color: #269CE9;
    }

    .button.blue:hover{
        background-color: #70B9E8;
    }

    .button.blue:active{
        background: #269CE9;
    }

    /* */

    .green[disabled], .green[disabled]:hover, .green[disabled]:active{
        border-color: #57A957;
        background: #57A957;
        color: #D2FFD2;
    }

    .red[disabled], .red[disabled]:hover, .red[disabled]:active{
        border-color: #C43C35;
        background: #C43C35;
        color: #FFD3D3;
    }

    .blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
        border-color: #269CE9;
        background: #269CE9;
        color: #93D5FF;
    }

    /* Group buttons */

    .button-group,
    .button-group li{
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .button-group{
        font-size: 0; /* Inline block elements gap - fix */
        margin: 0;
        padding: 0;
        background: rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }

    .button-group li{
        margin-right: -1px; /* Overlap each right button border */
    }

    .button-group .button{
        font-size: 13px; /* Set the font size, different from inherited 0 */
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .button-group .button:active{
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
    }

    .button-group li:first-child .button{
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .button-group li:first-child .button:active{
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
    }

    .button-group li:last-child .button{
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .button-group li:last-child .button:active{
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
        box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
    }


    /*button样式end*/



</style>
<div class="drawDownAppText">
    <a style="width: 80vw;height: 10vh;line-height: 10vh;font-size: 2.5vh" class="small blue button" href="xxx.apk
">点击下载xxxApp</span></a>
</div>
<div></div>
<script type="text/javascript">
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;

function loadHtml() {
var div = document.createElement('div');
div.id = 'weixin-tip';
div.innerHTML = '<p><img src="live_weixin.png" alt="微信打开"/></p>';
document.body.appendChild(div);
}

function loadStyleText(cssText) {
var style = document.createElement('style');
style.rel = 'stylesheet';
style.type = 'text/css';
try {
style.appendChild(document.createTextNode(cssText));
} catch (e) {
style.styleSheet.cssText = cssText; //ie9以下
}
var head = document.getElementsByTagName("head")[0]; //head标签之间加上style样式
head.appendChild(style);
}
var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
if (isWeixin) {
loadHtml();
loadStyleText(cssText);
}
</script>
</body>

</html>

将APK路径改一下

还有一张图：live_weixin.png

最后就是将这个静态页面放入服务器中，然后将此地址用草料等工具转换成网址二维码即可

注意：这个静态页面需要通过带域名的网址进行访问。

转自：https://www.cnblogs.com/liglacier/p/11358828.html

一名写前端的GISer
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信扫一扫下载apk解决方案
SNOOPY198的博客
02-20 2990
通过微信的扫一扫去下载，会出现白屏的情况，可能是因为安全性的考虑或者其他什么原因，目前已经无法通过微信的扫一扫去下载apk了。 根据网友们提供的思路，本文整理了三种方案。 1、申请腾讯开放平台开发者 具体流程可以去访问http://open.qq.com/，大概的意思是需要将apk提交到腾讯开放平台的里面，每个apk应该会自动生成一个二维码，每年支付一定的费用，然后在微信里面扫一下这个二维码...
轻松实现微信中扫二维码直接下载APP(整合IOS和安卓）.docx
11-15
为了解决这一问题，商家需要采取一种策略，使得用户在微信内扫描二维码或点击链接可以直接跳转到外部浏览器进行APP的下载，无论用户使用的是iOS还是Android设备。这种功能的实现可以通过微信跳转其他浏览器打开下载...
微信扫描二维码实现自动跳转 微信直接下载App（iOS/Android）的解决方案
热门推荐
Stosuny的博客
03-11 1万+
目前微信直接下载App的形式不多，作为开发者，以往的做法通常是尝试培养用户习惯，引导用户“点击右上角打开浏览器”再下载App，这么做用户操作成本高，体验相对较差，会造成相当一部分用户的流失。 另外的做法是加入腾讯阵营，通过应用宝认证和“微下载”来直达应用宝商店，事实上，并不是每一个用户手机里都事先安装了应用宝，除非你的App价值够高，否则会有部分用户不愿意为了下载你的App而去捆绑下载应...
解决微信扫描二维码下载APK问题
06-01
JAVA代码，解决微信扫描APK二维码空白，不能下载APP的问题
微信扫描二维码下载app（安卓或IOS）
小葱的博客
11-16 2023
微信扫描二维码下载app（安卓或IOS）
微信扫码下载APP，苹果，安卓多码合一，微信下载pdf报告，文件解决方案
qq445829096的博客
04-23 6044
微信扫码下载APP，苹果，安卓多码合一，微信下载pdf报告，文件
扫二维码下载apk并统计被扫描次数
08-31
- 解决方案是创建一个下载详情页面，内含APP下载链接，通过JS判断用户是否在微信环境中。如果是，弹出提示用户在默认浏览器中打开下载。页面设计应考虑到用户体验，只在用户点击下载时才触发提示。 3. **二维码...
三星手机S10 Note8侧屏快捷支付工具 微信支付宝 扫一扫 免费版
07-06
1. **微信扫一扫**：通过侧屏快速启动微信的扫描功能，无论是扫描二维码、条形码，还是在商场、超市购物时付款，都能快速响应，极大地提高了支付效率。 2. **微信付款**：一键直达微信支付页面，用户可以直接输入...
微信支付v3.0版本
03-21
总结来说，微信支付v3.0版本的资料涵盖了从理论到实践的全面内容，为开发者提供了完整的微信支付解决方案。通过深入理解和实践这些知识点，开发者能够将微信支付无缝接入自己的应用，为用户提供便捷安全的支付体验。
仿ofo共享单车.zip
06-29
首先，"源码"部分提供了实际的编程代码，可能包括前端的微信小程序代码和后端的服务器接口代码，用于实现用户注册、登录、定位、单车查找、扫码解锁、计费等功能。这些源码可以帮助开发者深入理解共享单车服务的技术...
酒店防疫方案：利用酒店电视实施在线点餐 (2).pdf
06-20
酒店业为了满足这一需求，已经尝试了多种在线点餐和送餐到客房的服务形式，如客人使用手机APP（如美团）点餐、微信扫码导入小程序点餐等。然而，这些方式各有优缺点，如安全问题、操作复杂度、服务流程的可控性等。...
金微新零售智能收银工具 v1.0.2
08-19
该工具的核心特点是通过扫码枪扫描商品条码进行快速结账，提高了收银效率，减少了顾客等待时间，提升了购物体验。 系统的主要特点包括： 1. **条码扫描功能**：通过集成的扫码枪，可以快速识别商品条码，自动录入...
java安卓辅助源码-vmqApk:vmqapk
06-04
下载编译好的Apk,安装后扫码/手动配置 即可使用 升级说明：请您直接下载新版本覆盖旧版本即可！ 说明 请部署完成后访问后台，有详细的Api说明 注意 本系统原理为监控收款后手机的通知栏推送消息，所以请保持微信/...
java安卓辅助源码-vmqApk:V免签监控端
06-04
下载编译好的Apk,安装后扫码/手动配置 即可使用 升级说明：请您直接下载新版本覆盖旧版本即可！ 说明 请部署完成后访问后台，有详细的Api说明 注意 本系统原理为监控收款后手机的通知栏推送消息，所以请保持微信/...
微信环境中扫描二维码下载APP（APK）文件的解决方案-自动跳转到手机默认浏览器（AppStore）打开
fengfengdaqi的博客
03-25 1986
很多朋友的APP的下载推广以二维码的形式在微信中进行推广，但是微信中是屏蔽掉了扫一扫二维码下载APP文件的方式。但是微信最为一个最大的社交平台，为了自身的利益，屏蔽掉了所有APK的下载链接。我们要怎么解决这个问题呢？将打包好的apk文件部署到服务器，把下载页面的URL通过二维码生成工具生成一个二维码，由于微信对apk文件经行了屏蔽，所以微信内是无法下载，请点击左上角按钮，或者跳转浏览器中打开进行下...
uniapp中微信扫码打开下载链接添加引导页
qq_43076054的博客
05-09 1177
前言 #######.所以通用的做法是,判断是微信浏览器打开的时候做一种处理方式. 非微信浏览器打开时做另外一种处理方式. 类似你想在微信打开页面里点击下载按钮,一定是不成功的.我们会友好的跳出一张引导图. 判断当前浏览器是否是浏览器方法 1.定义isWeixin变量 2.检测浏览器中是否 checkWeiXin(e) { let userAgent = navigator.userAgent; if (userAgent.includes("MicroMessenger")
推荐三个能直接生成二维码并实现微信跳转浏览器直接下载APK的接口
iioioi的博客
05-12 1034
现在很多微信推广分享的二维码都能实现的一个功能，即扫描二维码便能直接打开网址并下载apk。想要实现这样的功能其实很简单，下面我给大家分享三个在线生成网址二维码的API接口。都是采用http协议接口，无需下载安装什么软件，可简单方便地引用，这才是最简单、最便捷的网址二维码生成工具。 在线生成网址二维码的API接口： http://api.maxapi.cn/wxcreate?url=www.maxa...
微信扫二维码下载apk跳转浏览器打开的方式(及微信屏蔽下载解决方案)
qq_44123966的博客
12-26 2884
需求：想让用户在微信扫描二维码或者点击就能下载APP，并统计被扫描次数。 两种实现方法： 1.一般我们用草料生成二维码，如果没有注册的话只能生成一个包含下载网址的静态码，没有统计功能，而且出了自己截图保存外，草料是不会保存你的二维码的。 如果注册草料后，可以选择生成活码。所谓活码，就是一个指向页面，然后通过这个指向页面，再到你的下载链接。这个指向页面内嵌了统计代码。你可以通过草料的统计功能，...
微信扫码无法下载apk原因
最新发布
01-01
微信扫码无法下载apk的原因可能有几个。首先，可能是因为微信的安全设置限制了下载未知来源的应用程序（APK文件），为了确保用户的安全，微信会阻止用户通过扫码下载APK文件。其次，可能是因为扫描的二维码链接已经失效或被删除，导致无法完成下载。另外，可能是因为扫描的二维码链接并非真正的APK文件下载链接，可能是其他类型的链接，所以无法完成下载。最后，可能是因为网络不稳定或者服务器问题导致无法完成下载。解决方法可以尝试在微信设置中修改安全设置，允许下载未知来源的应用程序；确保扫描的二维码链接有效并且是真正的APK文件下载链接；尝试通过其他方式下载APK文件，比如直接在浏览器中输入下载链接。总之，微信扫码无法下载APK的原因可能有很多，需要根据具体情况来进行分析和解决。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值