通过CSS或JavaScript查找当前工作的浏览器是否是Safari浏览器 [英] finding if the current working browser is safari via css or javascript

问题描述

我研究过识别浏览器是否为Safari。
在 javascript 中： window.devicePixelRatio 对象为chrome和safari
均给出 1在 CSS 中：

I researched on identifying, if the browser is Safari or not. In javascript : window.devicePixelRatio object gives '1' for both chrome and safari In CSS :

@media screen and (-webkit-min-device-pixel-ratio:0){
    #yourdiv{
        margin-left:0;

    }
} 

它适用于chrome和safari 。但是我没有发现仅适用于Safari浏览器的css或javascript hack（不适用于任何其他浏览器）。

It works for both chrome and safari. But I didn't find css or javascript hack for safari browser only (shouldn't work for any other browser). Can any body help me out.

我正在使用野生动物园浏览器：
navigator.useragent = Mozilla / 5.0（Windows; U ; Windows NT 5.2; zh-CN）AppleWebKit / 533.16（KHTML，like Gecko）Version / 5.0 Safari / 533.16

I am using the safari brower: navigator.useragent = Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16

推荐答案

if (navigator.userAgent.match(/AppleWebKit/) && ! navigator.userAgent.match(/Chrome/)) {
   alert('this is safari brower and only safari brower')
}

这篇关于通过CSS或JavaScript查找当前工作的浏览器是否是Safari浏览器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！