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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
关于可运行代码无法正常执行的使用说明
May 13 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
PHP实现使用DOM将XML数据存入数组的方法示例
2017/09/27 PHP
PHP实现简单的计算器
2020/08/28 PHP
Javascript 中的 call 和 apply使用介绍
2012/02/22 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
python3.5 tkinter实现页面跳转
2018/01/30 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Python中的元组介绍
2019/01/28 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
Python字符串格式化输出代码实例
2019/11/22 Python
Python如何实现邮件功能
2020/05/27 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
2014三八妇女节活动总结
2014/03/01 职场文书
学雷锋宣传标语
2014/06/25 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
机械生产实习心得体会
2016/01/22 职场文书
工作建议书范文
2019/07/08 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
SQL Server表分区删除详情
2021/10/16 SQL Server