如何正确匹配Safari浏览器?

momo707577045
  • 1.9k

发现Chrome浏览器的navigator.userAgent也包含Safari字段
那如何正确判断Safari浏览器?
clipboard.png

回复
阅读 7.3k
1 个回答

匹配规则:拥有Safari字段,并且没有Chrome字段。

【常规的写法】

/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);

【正则前瞻】

也可以利用正则前瞻浓缩成一条语句
/^(?=.Safari)(?!.Chrome)/.test(navigator.userAgent);
其中^是指:只在开头进行一次断言判断。
(?=.Safari)是指进行断言的部分包含.Safari字段
(?!.Chrome)是指断言判断部分没有.Chrome字段

【navigator.vendor字段】

另外还可以利用navigator.vendor字段来判断是否是Safari浏览器。
/Apple/.test(navigator.vendor)
navigator.vendor字段是描述浏览器提供商的字段。在Safari下为Apple。
但是这个字段仅仅适合判断是否是Safari,而且仅适合在PC上判断。
图片描述

备注

PC端只有Chrome有Safari字段吗?为什么不需要判断其他浏览器?

其实360,QQ等浏览器的userAgent字段也会带有Safari字段,但是由于他们基于Chrome二次开发的,所有也会携带有Chrome字段。
所以「匹配规则:拥有Safari字段,并且没有Chrome字段」就可以了。

为什么Chrome浏览器的userAgent会有Safari字段?

具体请参考Litten大神的文章
看完你还会知道为什么浏览器的userAgent都带有Mozilla标示。

为什么navigator.vendor字段仅仅适合判断是否是Safari,用于区分Chrome不行吗?

因为PC上基于Chrome进行二次开发的浏览器较多,其vendor字段均为Google,无法唯一判断是否为Chrome浏览器。
但是PC端几乎没有基于Safari开发的浏览器,所以可以唯一判断。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏