如何正确匹配Safari浏览器？

Question

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

Answer 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开发的浏览器，所以可以唯一判断。