js判断浏览器，安卓，iOS，微信，IE，火狐

最新推荐文章于 2023-05-18 11:20:16 发布

天空之城tian

最新推荐文章于 2023-05-18 11:20:16 发布

阅读量603

点赞数 2

CC 4.0 BY-SA版权

文章标签： js浏览器判断

本文链接：https://blog.youkuaiyun.com/tym3515/article/details/84754135

本文介绍了一种使用JavaScript来判断浏览器类型及版本的方法，包括IE、Chrome、Firefox、Safari、Opera以及移动端浏览器如iOS和Android的识别。通过分析User-Agent字符串，提供了详细的代码示例，适用于网页开发中对不同浏览器特性的适配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看过很多文章，整理出来，测试有效，有些地方判断的顺序会导致失效，已更正，也可以单独摘出来一部分去判断自己需要的部分！

function getVersion() {
	this.versions = function() {
		var u = navigator.userAgent,
			app = navigator.appVersion;
		return {
			trident: u.indexOf('Trident') > -1, //IE内核
			weixin: u.indexOf('MicroMessenger') > -1, //微信浏览器
			presto: u.indexOf('Presto') > -1, //opera内核
			webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
			chrome: u.indexOf('Chrome') > -1, //谷歌内核
			gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
			mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
			ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
			android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
			android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
			iPhone: u.indexOf('iPhone') > -1, //是否为iPhone
			iPad: u.indexOf('iPad') > -1, //是否iPad
		};
	}();
	this.language = (navigator.browserLanguage || navigator.language).toLowerCase(),
		this.browserVersion = function() {
			if (this.versions.weixin) {
				alert('微信');
			} else if (this.versions.android) {
				if (/Android [4-6]/.test(ua)) {
					console.log('android版本')
				}
				alert('安卓');
			} else if (this.versions.ios || this.versions.iPhone || this.versions.iPad) {
				alert('苹果');
			} else if (this.versions.chrome) {
				alert('谷歌');
			} else if (this.versions.trident) {
				alert('IE');
			} else if (this.versions.gecko) {
				alert('火狐');
			} else {
				alert('其他');
			}
		}
}
var version = new getVersion();
version.browserVersion();

单独的判断某个浏览器，示例：

function is_wexin(){
	var ua = navigator.userAgent;
	if(ua.indexOf('MicroMessenger') > -1) {
		return true;
	} else {
		return false;
	}
}