如何判断当前是安卓/IOS/H5/Web使用环境-Toy模板网

这篇具有很好参考价值的文章主要介绍了如何判断当前是安卓/IOS/H5/Web使用环境。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在JavaScript中，navigator对象用于获取浏览器的相关信息。它提供了一系列属性和方法，可以帮助我们了解浏览器的品牌、版本、用户代理等信息。

navigator.userAgent

使用navigator.userAgent可判断当前是安卓或者ios或者H5或者web（设备系统）：

①判断是否是安卓：

const isAndroid = navigator.userAgent.toLowerCase().includes('android');
if (isAndroid) {
  console.log('当前是安卓设备');
}

②判断是否是iOS：

const isiOS = /(iPhone|iPad|iPod)/.test(navigator.userAgent);
if (isiOS) {
  console.log('当前是iOS设备');
}

③判断是否是移动端浏览器（H5）：

const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (isMobile) {
  console.log('当前是移动端浏览器（H5）');
}

④判断是否是桌面浏览器（Web）：

const isDesktop = !(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
if (isDesktop) {
  console.log('当前是桌面浏览器（Web）');
}

navigator.platform

判断当前操作系统

const platform = navigator.platform.toLowerCase();
if (platform.includes('win')) {
  console.log('当前运行在 Windows 操作系统');
} else if (platform.includes('mac')) {
  console.log('当前运行在 macOS 操作系统');
} else if (platform.includes('linux')) {
  console.log('当前运行在 Linux 操作系统');
} else if (platform.includes('android')) {
  console.log('当前运行在 Android 操作系统');
} else if (platform.includes('iphone') || platform.includes('ipad') || platform.includes('ipod')) {
  console.log('当前运行在 iOS 操作系统');
} else {
  console.log('未知操作系统');
}

依据不同的场景需求，可采用userAgent或platform，navigator中其他内容也很丰富，能够解决很多问题，值得学习一下！文章来源地址https://www.toymoban.com/news/detail-802166.html

到了这里，关于如何判断当前是安卓/IOS/H5/Web使用环境的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！