本文将带你了解微信应用开发之js获取浏览器信息以及判断是否是微信，希望本文对大家学微信有所帮助。

最近项目开始做H5移动端，但是如果H5的页面被用户使用电脑浏览器打开的话就会失去原来的样子，所以找了一段代码，可以判断浏览器是否是移动设备上的，这样我们就可以在用户使用电脑浏览器访问H5页面的时候对用户进行提醒或者直接跳转到电脑版的网页了。

下面看一下效果
PC浏览器打开 
android浏览器打开 
ios浏览器打开
使用android版微信打开
ios微信端打开
我们都知道在微信中是没办法下载东西的，这是我们就可以利用代码去判断页面是否是在微信中打开的，如果是在微信中打开的，我们可以提示用户使用浏览器打开下载，具体效果如下

判断的方法
 if(browser.versions.wechar){  if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {  //代表在ios微信中  //document.getElementById('JweixinTip').style.display='block'; }else if (browser.versions.android) {  //代表在android微信中         //document.getElementById('JweixinTip').style.display='block'; } }document.getElementById('JweixinTip').onclick=function(){   this.style.display='none';}提示内容的代码如下
html

点击右上角
选择在浏览器中打开

css.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 1998; display: none;}.wxtip-icon{width: 52px; height: 67px; background: url(../images/weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
weixin-tip.png图片
图片是透明的，可能看不懂，右键点图片另存为就可以了

   

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道！