使用jQuery确定浏览器并为元素添加样式

时间:2013-04-11 19:36:43

标签: php javascript jquery

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

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

所以,我想知道是否有一个Javascript找到某人正在使用哪个网络浏览器版本,并在style="margin-left: --px;"添加不同的数字

4 个答案:

答案 0 :(得分:1)

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

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

请参阅jQuery docs @ http://api.jquery.com/jQuery.browser/。自jQuery 1.3起,.browser函数已被弃用,但直到版本1.9才被删除。

答案 1 :(得分:0)

这将有助于您 - 浏览器检测

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

看到这个:

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

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

不适用于1.9.1。你必须使用迁移JS。