使用jQuery确定浏览器并为元素添加样式 - Determine browser with jQuery and add style to an element

Determine browser with jQuery and add style to an element

我知道这听起来很讨厌，但我真的只是来找一个解决方案，如果可能的话，因为我需要尽快解决它。使用CSS是不工作的，因为它有点hack，我的元素只识别style="margin-left: 50px;"，如果我在HTML中添加它。

有一个简单的解决方案是直接在HTML中添加STYLE，但我发现的另一个问题是Mozilla或Opera的显示方式不同。例如，在Chrome中margin-left: 50px是可以的，但在Mozilla中必须设置为55px。

所以，我想知道是否有一个Javascript可以找到某人正在使用的web浏览器版本，并在style="margin-left: --px;"

添加不同的数字

您可以使用以下代码检测浏览器和浏览器版本:

if ($.browser.msie && $.browser.version == '6.0') {
    $('#myElement').css('margin-left', '20px');
}

参考jQuery文档@ http://api.jquery.com/jQuery.browser/。.browser函数在jQuery 1.3中已被弃用，但直到1.9版才被删除。

这将帮助您-浏览器检测

http://www.quirksmode.org/js/detect.html

如果需要根据浏览器更改页面，最好使用PHP等服务器端语言。您可以使用http://php.net/manual/en/function.get-browser.php获取浏览器版本，并将样式表echo放入标题中。

见:

http://api.jquery.com/jQuery.browser/

if ($.browser.webkit) {
    alert( "this is webkit!" );
}

不能在1.9.1中使用。