navigator.userAgent获取浏览器信息

在开发时有时候需要做到兼容各种浏览器,因此要判断出浏览器的类型及系统是很有必要的

User-Agent是什么?  userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。

一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。

使用场景:

例:

     判断是火狐浏览器还是谷歌浏览器

      

1
2
3
4
5
6
7
8
9
10
11
12
13
14
functiion chromFirefox(){
   let ua = navigator.userAgent
   isChrome = /(?:Chrome|CriOS).test(ua)/
   isFireFox = /(?:FireFox).test(ua)/
   return {
      isChrome,isFireFox
  }
}
let os = chromFirefox()
if(os.isChrome) {
   console.log("谷歌浏览器")
 }else if(os.isFireFox) {
   console.log("火狐浏览器"
}

  谷歌浏览器:

  

 

       火狐浏览器:

    

 

  有时候还会用到

navigator.platform   声明了运行浏览器的操作系统和(或)硬件平台。

 

posted @   万物复苏  阅读(456)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示