今天一后台同事问我：为什么从App里面分享到微信好友时，在微信里没有发下载分享里的软件，而在浏览器中却可以？

 

于是我在微信公众号中试了一下，发现果然不可以下载。通过google 发现，原来是微信屏蔽了内置浏览器的下载功能。那么有没有解决办法呢？ 肯定是有的。

 

 

 

 

 

 

 

 

1：判断发现是在微信中打开，给提示让其从右上角选择在浏览器中打开，这样的效果对于用户体验来说肯定是差的。

 

2：将要下载的app上传到腾讯应用宝中，这样就可以直接下载了，可以参考下面链接里的方法，非常实用。

 

这样根据上文的链接就可以解决微信屏蔽内置浏览器的下载功能了。

 

 

 

但是我们如何判断用户分享的软件是在微信中打开呢？

 

只需要检测 navigator 对象中的 UserAgent 属性，该属性主要是返回由客户机发送服务器的 user-agent 头部的值，是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。因此我们只需要判断UserAgent中是否含有 MicroMessenger 字符。


1. var ua = navigator.userAgent;
2. console.log(ua);
3. if(ua.indexOf("MicroMessenger") > -1) {
4. console.log("在微信中打开");
5. }

android 微信打开文件添加app_Android

 

 

 

 

 

 

在此需要说一下浏览器对象中的Navigator对象

 

navigator是在JavaScript中的一个独立的对象，他用于提供用户所使用的浏览器以及操作系统等信息，以navigator对象属性的形式来提供。也就是说Navigator 对象包含有关浏览器的信息。通过navigator中userAgent属性不仅可以判断是否在微信中打开，还可以判断手机的系统。

 

在微信开发者工具中，先查看一下Android机型输出的值：

1. var ua = navigator.userAgent;
2. console.log(ua);

android 微信打开文件添加app_微信_02

 

 

现在切换到Iphone机型查看一下输出的值：

 

android 微信打开文件添加app_Android_03

 

我们可以发现输出的字符串中会带有手机的机型，如Android、iPhone，这样我们就可以用 indexOf 来判断手机的机型了

 

 

 

1. var ua = navigator.userAgent;
2.  
3. if (ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1) {//安卓手机
4. alert("安卓手机");
5. } else if (ua.indexOf('iPhone') > -1) {//苹果手机
6. alert("苹果手机");
7. }