添加用户代理的数据属性
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 元素中，例如
<html
data-useragent="Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 三角形列表符号
ul {
margin: 0.75em 0;
padding: 0 1em;
list-style: none;
}
li::before {
content: "";
border-color: transparent #111;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}这是一个……
一种非常好的处理弹出信息的方法
在悬停元素时显示附加信息（“弹出窗口”）是一件非常容易的事。但是，有很多微妙的方法可以改进这种交互。本文介绍了 Doug Neiner 在 2011 年前端设计大会上介绍的一种非常出色的技术。
博客。你做得更好。
这是我在 2011 年 SXSW Interactive 的（个人）小组名称。如果你投票支持它，增加我今年获得机会的可能性，我会永远爱你。它去年被城市拒绝了。我还没有谈论过很多关于博客的事情……