app下载微信扫码打开提示用户用浏览器打开

最新推荐文章于 2023-06-19 16:20:21 发布

树洞菇凉

最新推荐文章于 2023-06-19 16:20:21 发布

阅读量1.9k

点赞数 1

分类专栏： html5 javaScript 文章标签： html javascript

本文链接：https://blog.csdn.net/qq_37916164/article/details/107905846

版权

当在微信中扫描二维码打开apk下载页面时，由于微信的限制，需要提示用户通过浏览器下载。本文介绍了如何利用JavaScript通过window.navigator.userAgent判断是否在微信内置浏览器中，并提供了两种实现方式：点击下载按钮时弹框提示用户用浏览器打开，以及微信扫码打开时提示用户点击右上角用浏览器打开页面。

摘要由CSDN通过智能技术生成

1：介绍

将打包好的apk文件部署到服务器，把下载页面的URL通过草料二维码或根据url代码生成一个二维码，由于微信对apk文件经行了屏蔽，所以需要提示用户微信内无法下载，请点击左上角按钮，选择在浏览器中打开进行下载等提示。那么该如何判断用户是否是用微信浏览器呢？
我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息，比如：Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36，那么我们也可以通过该方法来获取微信内置浏览器的相关信息：Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11d201 MicroMessenger/5.3。根据关键字 MicroMessenger来判断是否是微信内置的浏览器。
如果是微信中打开点击app下载显示遮罩，并提示用户在浏览器中打开进行下载，若是在浏览器中打开，不显示遮罩

2：实现方法1，(点击立即下载弹框提醒用浏览器打开)代码如下：

<!DOCTYPE html>
<html lang="zh_CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
		<title>app下载</title>
	</head>
	<body>
		<div>
			<button class="footerb" onclick="android_down()">立即下载</button>

			<img src="" alt="" id="browserOpen">
		</div>
		<script type="text/javascript">
			// 判断是否在微信打开
			var ua = navigator.userAgent.toLowerCase();
			var isWeixin = ua.