2011-06-06 37 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>標記中,而不是身體標記。這仍然適用於你想要做的事情。