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的图片左右无缝滚动插件
May 23 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
Jul 05 Javascript
原生js封装运动框架的示例讲解
Oct 01 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
详解vue中使用protobuf踩坑记
May 07 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 Javascript
vue使用better-scroll实现滑动以及左右联动
Jun 30 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中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
php中strtotime函数用法详解
2014/11/15 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
开启PHP的伪静态模式
2015/12/31 PHP
php设计模式之单例模式代码
2016/06/11 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
jQuery调取jSon数据并展示的方法
2015/01/29 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
Python多线程学习资料
2012/12/19 Python
python更新列表的方法
2015/07/28 Python
使用Python对MySQL数据操作
2017/04/06 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
python读写csv文件的方法
2019/08/13 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
中学教师岗位职责
2013/11/26 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
读书演讲主持词
2014/03/18 职场文书
《春晓》教学反思
2014/04/20 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python