查找当前正在运行的浏览器是否通过css或javascript进行safari

Question

如果浏览器是Safari,我研究识别.在javascript: window.devicePixelRatio对象为chrome和safari提供'1'在CSS:

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

    }
} 

它适用于chrome和safari.但是我没有为safari浏览器找到css或javascript hack(不适用于任何其他浏览器).任何身体都可以帮助我.

我正在使用safari浏览器: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

Answer 1

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

Answer 2

CSS黑客对此不以为然,但在针对旧版本的IE(一种必要的恶意)时不那么皱眉.

你可以弄清楚是否像这样使用Safari ......

JavaScript的

if (navigator.userAgent.match(/OS X.*Safari/) && ! navigator.userAgent.match(/Chrome/)) {
   document.body.className += 'safari';
}

...然后使用修改你的选择器为Safari ...

CSS

.safari #yourdiv {
    margin-left: 0;
}

jsFiddle.