解决微信(扫码)无法直接下载apk的问题

最新推荐文章于 2025-04-09 10:11:59 发布

原创最新推荐文章于 2025-04-09 10:11:59 发布

· 3.8k 阅读

1 ·

版权

文章标签：

#android

Android 专栏收录该内容

16 篇文章

订阅专栏

当使用微信打开网址或扫码时，无法直接下载apk文件。为解决此问题，可以创建一个download.html页面，显示提示遮罩，引导用户在新浏览器窗口中打开，从而使用手机自带浏览器进行apk下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考微信选择在浏览器中打开设置提示遮罩弹窗

使用微信打开网址时（或通过扫码方式），无法在微信内打开常用下载软件，手机APP等。
找到一种解决方案：弹出一个遮罩提示用户在新的浏览器窗口打开。
遮罩图片如下：

下载页面如下 http://xxx.xxx.com/app/download.html

download.html



<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>APP下载</title>
</head> 
<body>
	<style type="text/css">
	*{margin:0; padding:0;}
	img{max-width: 100%; height: 100%;}
	</style>
	<div>
		<p style="text-align: center;display: none;" >
		<a id="da" href="http://xxx.xxx.com/apk/test.apk">
			<br/><font size="5">点击下载</font>
		</a>
		</p>
	</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"/></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);
	    } else {
	         document.getElementById('da').click();
	    }
	</script>
</body>
</html>

这样通过一个包裹了隐藏的实际下载地址的html页面，丢给微信扫描后，让用户选择手机自带的浏览器打开下载即可。