JS检测移动设备环境:WeChat、Android、IOS
发表于:2022-02-22 17:26:41浏览:2483次
通过JS检测WeChat、Android、iOS环境
// 检测微信状态下的手机设备环境
function checkHJByWeChat() {
// 设备变量区分
let web = navigator.userAgent,
isiOS = !!web.match(/\i[^;]+;(U;)? CPU.+Mac OS X/),
isAndroid = web.indexOf('Android') > -1 || web.indexOf('Adr') > -1,
isWeChat = web.toLocaleLowerCase().match(/MicroMessenger/i) == 'micromessenger';
let test = '';
// WeChat 环境下
if (isWeChat) {
console.log('当前环境为 WeChat');
if (isAndroid) { // Android 环境下
test = '当前环境为 WeChat--> Android';
} else if (isiOS) { // iOS 环境下
test = '当前环境为 WeChat--> iOS';
} else {
test = '当前环境为 WeChat-->';
}
} else { // 非 WeChat 环境
console.log('当前环境为 非WeChat');
if (isAndroid) {
test = '当前环境为 非WeChat--> Android';
} else if (isiOS) {
test = '当前环境为 非WeChat--> iOS';
} else {
test = '当前环境为 非WeChat-->';
}
}
console.log(test);
document.querySelector('#test').innerHTML = test;
}
浏览器手机环境检测
function checkHJ() {
let web = navigator.userAgent;
let isWeChat = web.toLocaleLowerCase().match(/MicroMessenger/i) == 'micromessenger';
// WeChat
if (isWeChat) {
console.log('当前环境为 WeChat');
}
let isAndroid = web.indexOf('Android') > -1 || web.indexOf('Adr') > -1;
// Android
if (isAndroid) {
console.log('当前环境为 Android');
}
let isiOS = !!web.match(/\i[^;]+;(U;)? CPU.+Mac OS X/);
// iOS
if (isiOS) {
console.log('当前环境为 iOS');
}
// others 浏览器
console.log('当前环境为 浏览器');
}
推荐文章
- Nginx + PHP 搭建的服务器发现POST数据无法提交或数据被截断的解决方案
- 前端:javascript浅拷贝与深拷贝的区别
- 微信推出输入法,打个字竟然需要508MB内存?说好的小而美呐?
- 开源OA办公系统 — 勾股OA 4.96.16发布,企业办公的卓越选择
- SAAS系统中多租户数据库设计方案探讨
- ThinkPHP6伪静态设置并隐藏默认模块名,如home
- 有了css变量这个神器,写css再也不需要less和sass了
- 支付宝已支持给微信QQ好友转账 微信支付宝互通何时能实现?
- 82个常规的前端JavaScript方法封装(61~70)
- ThinkPHP发布安全更新版本(V6.1.0/V6.0.14),移除对think-filesystem库的依赖

