uniapp超全user-agent判断 包括微信开发工具 hbuilder mac windows 安卓ios端及本地识别

uniapp里能够识别钉钉 微信小程序 微信开发工具 hbuilder mac windows 安卓ios端 微博 qq的ua

js 复制代码
// platform.js

let $platform="H5";
// #ifdef  H5
const ua = window.navigator.userAgent.toLowerCase();
const isWxDevtools = ua.match(/wechatdevtools/i) == 'wechatdevtools';

const isWxH5 = ua.match(/micromessenger/i) == 'micromessenger';
$platform = isWxH5||isWxDevtools ? "WXH5" : "H5"
// #endif

// #ifdef  MP-WEIXIN
$platform = "MP-WEIXIN"
// #endif
// #ifdef  APP
$platform = "APP"
// #endif

export default $platform;
js 复制代码
//ua.js
import $platform from '@/utils/platform.js';
let ua ="";
// #ifdef H5
ua = window.navigator.userAgent.toLowerCase();
// #endif

const isHbuilderx = ua.includes('hbuilderx'); //hb
const isLocal = (() => {
	if ($platform === 'WXH5' || $platform === 'H5') {
		return location.hostname === 'localhost' || location.hostname.startsWith('192.168.') || location.hostname
			.startsWith('127.0.0.1');
	} else {
		return false;
	}
})();
const isWx = ua.includes('micromessenger'); //微信
const isWxDevtools = ua.includes('wechatdevtools'); //微信开发工具
const isWxH5 = isWx || isWxDevtools; //微信h5

const isMacWx = ua.includes('macwechat'); //mac微信
const isWinWx = ua.includes('windowswechat'); //windows微信
const isPcWechat = isWx && (isMacWx || isWinWx); //pc微信


const isWxMini = ua.includes('miniprogram'); //微信小程序
const isDingtalk = ua.includes('dingtalk'); //钉钉
const isSafari = ua.includes('safari'); //safari
const isFirefox = ua.includes('firefox'); //火狐

const isWeibo = ua.includes('weibo'); //微博
const isQQ = ua.includes('qq'); //qq
const isIphone = ua.includes('iphone'); //iphone
const isIpad = ua.includes('ipad'); //ipad
const isAndroid = ua.includes('android'); //安卓
const isIE = ua.includes('msie') || ua.includes('trident'); //ie

export default {
	isWxH5,
	isLocal,
	isWx,
	isMacWx,
	isWinWx,
	isPcWechat,
	isWxMini,
	isDingtalk,
	isSafari,
	isFirefox,
	isWeibo,
	isQQ,
	isIphone,
	isIpad,
	isAndroid,
	isWxDevtools,
	isIE,
	isHbuilderx
}
相关推荐
阿白的白日梦20 小时前
winget基础管理---更新/修改源为国内源
windows
小时前端20 小时前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li2 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup2 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia3 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia3 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
pe7er3 天前
macOS 应用无法打开(权限问题)解决方案
macos·mac
不爱说话郭德纲3 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang5 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ5 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app