JavaScript判断是否是微信浏览器


Posted in Javascript onJune 13, 2016

先给大家说下实现原理

根据判断UA中是否有关键字micromessenger,有的话则是微信内置浏览器

实现代码如下所示:

//判断是否微信登陆
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}
if(isWeiXin()){
console.log(" 是来自微信内置浏览器")
}else{
console.log("不是来自微信内置浏览器")
}

微信浏览器的UA栗子

在iPhone下:

Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9B176 MicroMessenger/4.3.2

在Android下:

Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5660 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MicroMessenger/4.5.255

新建模拟器,更换UA如图:

JavaScript判断是否是微信浏览器

用Chrome的iPhone5模拟测试

JavaScript判断是否是微信浏览器 

PS:js判断是否在微信浏览器中打开

用JS来判断了,经过查找资料终于实现了效果,直接上代码

function is_weixn(){ 
var ua = navigator.userAgent.toLowerCase(); 
if(ua.match(/MicroMessenger/i)=="micromessenger") { 
return true; 
} else { 
return false; 
} 
}

通过测试完全通过,无论是android 还是iphone,ipad 都可以,当然我们除了用js来判断之外,用其它语言来判断就更简单了,比如PHP

function is_weixin(){ 
if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) { 
return true; 
} 
return false; 
}
Javascript 相关文章推荐
解决jquery的.animate()函数在IE6下的问题
Dec 03 Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
IE下JS读取xml文件示例代码
Aug 05 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
jquery中$(#form :input)与$(#form input)的区别
Aug 18 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
vue-dplayer 视频播放器实例代码
Nov 08 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 #Javascript
js 连续赋值的简单实现
Jun 13 #Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 #Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 #Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 #Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 #Javascript
JavaScript解八皇后问题的方法总结
Jun 12 #Javascript
You might like
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
js 日期转换成中文格式的函数
2009/07/07 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
2017/06/04 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
python中管道用法入门实例
2015/06/04 Python
python通过加号运算符操作列表的方法
2015/07/28 Python
Python正规则表达式学习指南
2016/08/02 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
python验证码识别实例代码
2018/02/03 Python
遗传算法python版
2018/03/19 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
机械绘图员岗位职责
2013/11/19 职场文书
上班上网检讨书
2014/01/29 职场文书
五年级学生期末评语
2014/12/26 职场文书
教师个人年度总结
2015/02/11 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
综合办公室岗位职责
2015/04/11 职场文书
小学语文国培研修日志
2015/11/13 职场文书
党员反邪教心得体会
2016/01/15 职场文书