navigator.useragent详解,看完这篇就够用了!

吉云

今天咱来聊聊 这个东西,说白就是看看咋获取浏览器的“身份证”信息。

我也不懂这是啥玩意,就知道好像能用来区分不同的浏览器。于是我就去网上搜搜,发现这东西原来挺有用的,能告诉网站你是用啥浏览器访问的,版本号是多少,甚至还能知道你用的啥操作系统。

然后我就想,这玩意儿到底咋用?

navigator.useragent详解,看完这篇就够用了!

开搞!

得打开浏览器,对?我用的是平常最顺手的那个浏览器,然后按 F12 打开开发者工具,这玩意儿每个浏览器都有,就是给咱看网页代码和调试用的。

在开发者工具里头,有个叫 "Console" (控制台)的地方,我就在那里面敲一行代码:

然后一回车,出来一串字符!

    navigator.useragent详解,看完这篇就够用了!

  • Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

这一大串,就是我要找的“身份证”信息!

这一串字符里都包含

我仔细瞅瞅:

    navigator.useragent详解,看完这篇就够用了!

  • Mozilla/5.0:这个好像是说,浏览器都兼容 Mozilla 的标准,基本每个浏览器都有这玩意儿。
  • (Windows NT 10.0; Win64; x64):这个括号里头说的是我的操作系统,Windows 10,64 位的。
  • AppleWebKit/537.36:这个是浏览器的渲染引擎,就是把网页代码变成咱能看到的样子的那个东西。
  • (KHTML, like Gecko):这个说的是渲染引擎的一些细节,KHTML 和 Gecko 都是渲染引擎的名字。
  • Chrome/122.0.0.0:这个最关键,说我用的是 Chrome 浏览器,版本号是 122.0.0.0。
  • Safari/537.36:这个也是渲染引擎相关的信息。
  • navigator.useragent详解,看完这篇就够用了!

通过,我就能拿到这么一串包含一堆浏览器和系统信息的字符串。拿到这串信息,我就可以在代码里做判断,比如根据不同的浏览器类型,显示不同的网页内容,或者做一些兼容性处理啥的。

这玩意儿还是挺简单的,只要一行代码就能搞定。以后再遇到需要区分浏览器的情况,我就知道该咋办!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]