A lightweight browser extension designed to detect and prevent screenshots of sensitive web content in real time using DOM-level protection techniques.
With the rise of web-based platforms handling sensitive data such as educational materials, financial information, and proprietary content, browser-level security remains a weak point.
This project introduces a client-side protection mechanism that detects screenshot attempts and dynamically conceals sensitive content.
- Screenshot detection via keyboard hooks (Print Screen, Snipping Tool)
- Detection of screen capture APIs (getDisplayMedia)
- Real-time protection:
- Blur sensitive content
- Hide elements
- Replace with placeholders
- Dynamic watermarking (timestamp + domain)
- User warning notifications
- Logging of capture attempts
- “Protection Active” status indicator
- Lightweight Chrome Extension (Manifest V3)
- Language: JavaScript (ECMAScript 2015+)
- Frontend: HTML5, CSS3
- Platform: Chrome Extension APIs (Manifest V3)
- Storage: Chrome Storage API
- Core Concept: Document Object Model (DOM) manipulation
- Clone or download this repository
- Open Chrome and go to:
chrome://extensions/
- Enable Developer Mode
- Click Load unpacked
- Select the project folder