Добавяне на атрибут на данни на потребителски агент - CSS-трикове

Anonim
var b = document.documentElement; b.className = b.className.replace('no-js', 'js'); b.setAttribute("data-useragent", navigator.userAgent); b.setAttribute("data-platform", navigator.platform );

Което води до добавяне на атрибути на данни към елемента html като:

Което ви позволява да можете да насочвате към много специфични браузъри на много специфични платформи с CSS:

html(data-useragent*="Chrome/13.0")(data-platform="Win32") (… )

Това се споменава от публикация на Роги Кинг, която оттогава е офлайн.