Додати атрибут даних агента користувача - 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") (… )

На це посилається публікація Рогі Кінга, яка відтоді вийшла з мережі.