javascript - 如何在 javascript 中识别 Safari 版本？

Question

这个问题已经有答案了:

How can you detect the version of a browser? (34 个回答)

已关闭 6 年前。

有人可以用 js 或 jQuery 识别 Safari 浏览器的版本吗？我不是在寻找 webkit 版本，而是在寻找 Safari 版本(例如:5.1.7)。

我需要隐藏 Safari 的一些低于 v7 的元素:(

Answer 1

这个 hack 通过结合多个其他 hack 来实现，适用于 6.1+:

/* Safari 6.1+(9.0是目前Safari的最新版本)*/

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .safari_only { 

        color:#0000FF; 
        background-color:#CCCCCC; 

    }
}}

以下是区分 6.1-7.0 和 7.1+ 的 hack这些还需要结合多种技巧才能获得正确的结果:

/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-color-index:0)
{  
   .safari_only {(;

      color:#0000FF; 
      background-color:#CCCCCC; 

    );}
}

这是适用于 Safari 8 及更高版本的:

/* Safari 7.1+(9.0是目前Safari的最新版本)*/

_::-webkit-full-page-media, _:future, :root .safari_only {

  color:#0000FF; 
  background-color:#CCCCCC; 

}

引用此链接: https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/