H5 navigator.platform 属性值枚举以及使用场景

项目之前使用了 navigator.userAgent 判断当前是否是真机,给与特有功能,后发现PC浏览器移动端调试工具中取到的数据和手机是一样的,也会被当成真机处理,后面使用替代方案 navigator.platform (当前设备的操作系统或硬件平台)


navigator.platform 枚举值如下(区分大小写):

  • HP-UX
  • Linux i686
  • Linux armv7l
  • Linux armv8l
  • Linux aarch64
  • Linux x86_64
  • Mac68K
  • MacPPC
  • MacIntel
  • SunOS
  • Win16
  • Win32
  • WinCE
  • iPhone
  • iPod
  • iPad
  • Android
  • BlackBerry
  • Opera

正则判断是否移动端

export const isMobile = () => {
    return /(iPhone|iPad|iPod|iOS|Android|Linux armv8l|Linux armv7l|Linux aarch64)/i.test(navigator.platform);
};

——————————————
补充:后续发现部分 Androd 机型使用的 Linux 内核版本不一致,暂时先发现一个就更新一个属性值吧~

### 回答1: 这个问题属于技术问题,可以回答。Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform可以用于检查和识别浏览器类型和版本号,以便在网站和应用程序中做出相应的调整和优化。但是,在使用时需要注意安全问题,避免被黑客利用。建议使用一些安全的库和工具来提高安全性。 ### 回答2: 使用 navigator.userAgent、navigator.appVersion 和navigator.platform 主要是为了获取用户的浏览器和操作系统信息,以便在开发网页时做出相应的适配和优化。但是,使用这些属性时需要注意以下几点。 首先,navigator.userAgent 属性返回用户代理字符串,其中包含了关于浏览器的详细信息。开发者可以利用这个信息来判断用户使用的浏览器类型、版本和浏览器的厂商等。然而,需要注意的是,用户代理字符串可以被用户篡改,因此不能完全依赖它来确定用户的真实环境。 其次,navigator.appVersion 属性返回浏览器的版本信息。如果开发者需要了解用户浏览器的具体版本,可以使用这个属性。然而,由于不同的浏览器可能返回不同格式的版本信息,需要谨慎处理和兼容。 最后,navigator.platform 属性返回用户操作系统的信息。通过这个属性,开发者可以了解用户的操作系统类型,如Windows、Mac、Linux等。根据操作系统的不同,可以针对性地进行功能展示和优化。然而,需要注意的是,有些用户可能会使用虚拟机或伪造的操作系统,从而造成信息不准确。 总的来说,使用这些属性可以帮助开发者获取用户的浏览器和操作系统信息,但在使用过程中需要注意信息的准确性和可靠性。为了更好地适配用户的环境,建议开发者结合其他技术和手段,如Feature Detection、Progressive Enhancement等来完成开发工作。 ### 回答3: 在使用navigator.userAgent、navigator.appVersion和navigator.platform时,我们需要注意以下几点: 1. navigator.userAgent: 它包含了浏览器厂商、版本号和操作系统等信息。我们可以通过它来判断用户使用的浏览器和操作系统类型。但是需要注意的是,由于其内容可以由用户修改,所以不能完全依赖它来进行精确的浏览器和操作系统判断。 2. navigator.appVersion: 它包含了浏览器的版本号和操作系统的版本号等信息。我们可以通过它来确定用户使用的浏览器和操作系统的具体版本。同样需要注意的是,用户可以修改这些信息,所以不能100%依赖它来进行判断。 3. navigator.platform: 它返回操作系统的平台信息,比如"Win32"表示Windows 32位系统,"MacIntel"表示Mac系统等。我们可以通过它来判断用户使用的操作系统平台。但同样需要注意的是,用户可以修改这个信息,所以不能完全依赖它来确定用户的操作系统。 综上所述,虽然我们可以使用这些属性来判断用户使用的浏览器和操作系统的类型和版本,但由于这些信息是可以被用户修改的,所以在进行判断时需要小心,不要仅依赖这些属性进行关键性的操作,而应该结合其他更可靠的方式,如服务器端验证等来确保安全性和准确性。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超喜欢你呦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值