2011-06-06 44 views
2

我在我的网站上使用JavaScript和jQuery库。我想CSS类附加到我基于以下信息<body>标签:基于浏览器,兼容性等追加类到body标记

  • 浏览器
  • 浏览器版本
  • 数据URI/Base64编码是否支持
  • HTML5兼容性

任何人知道任何可以协助解决这个问题的JavaScript或jQuery插件?

+0

这是一个HTML类。没有像CSS类那样的东西。该术语有时习惯于表示“规则集”,“类选择器”,“任何选择器”和“属性”。这是令人困惑的,所以请不要使用这个词。 – Quentin 2011-06-06 17:02:37

+1

坦率地说,使用一个类的唯一理由是你可以在每个浏览器的基础上进行样式设计。如果您不能使用[功能/对象检测](http://www.quirksmode.org/js/support.html)来检查支持,那么您正在寻找的大部分内容听起来就像您将要在JS中执行的操作,那么你最好将数据保存在JS变量中,而不是将它填充到DOM中。 – Quentin 2011-06-06 17:04:18

+0

您无法测试[HTML 5兼容性](http://stackoverflow.com/questions/5497587/does-ie8-support-html5-and-css3/5497619#5497619)(至少不是整体)。 – Quentin 2011-06-06 17:05:05

回答

7

你可能想看看Modernizr的[http://www.modernizr.com/]

+0

+1这是一个伟大的_answer_ – pixelbobby 2011-06-06 17:08:39

+0

感谢您的答案。然而,modernizr不检查浏览器是否可以使用base64编码的图像,或者将浏览器信息添加到类中。是否有可能为此扩展modernizr? – amateur 2011-06-06 17:56:59

+0

关于modernizr和base64图像的讨论:https://github.com/Modernizr/Modernizr/issues/14 至于为该类添加浏览器信息,请查看:http://www.tvidesign.co.uk /blogFiles/browserDetect.js (您可能希望对其进行编辑,以便将其添加到html标记而不是正文) – kei 2011-06-06 18:04:12

1

您正在寻找Modernizr

请注意,Modernizr通常会将其类添加到<html>标记中,而不是身体标记。这仍然适用于你想要做的事情。