My Screen Resolution

About

Instantly view detailed screen and browser information with a single click. Perfect for web developers, designers, and anyone who needs quick access to display specifications.

🎯 KEY FEATURES:

📊 Complete Screen Information:
• Screen Resolution - Total display size in pixels
• Available Screen - Usable screen space (minus taskbar/dock)
• Browser Viewport - Current window inner dimensions
• Device Pixel Ratio (DPR) - Screen scaling factor for retina/high-DPI displays
• Color Depth - Bits per pixel information
• Screen Orientation - Landscape or Portrait detection

⚡ Real-Time Updates:
Automatically refreshes all values when you resize your browser window - no need to reload!

📋 Copy Functionality:
• Copy as Plain Text - Formatted, human-readable output
• Copy as JSON - Perfect for bug reports, documentation, or automated tools
• One-click clipboard integration

💡 Developer-Friendly Features:
• CSS Media Query Examples - Auto-generated based on your current viewport
• Dark/Light Mode Toggle - Easy on the eyes, day or night
• Clean, Professional UI - Minimal and fast
• No External Dependencies - Completely client-side, no tracking

🎨 Why Install This Extension?

✅ SAVE TIME: No need to open DevTools or write JavaScript just to check screen dimensions
✅ DEBUGGING: Quickly verify DPR and viewport sizes across different devices
✅ RESPONSIVE DESIGN: Test and document breakpoints with auto-generated media queries
✅ LIGHTWEIGHT: Under 50KB total - won't slow down your browser
✅ PRIVACY-FOCUSED: No data collection, no permissions abuse, fully offline
✅ ALWAYS ACCESSIBLE: Quick access from toolbar, works on any website

🔒 Privacy & Security:
• No data collection
• No tracking or analytics
• No external network requests
• Minimal permissions (only activeTab for reading screen info)
• Open source code structure
• Chrome Web Store policy compliant

👨‍💻 Perfect For:
• Web Developers - Testing responsive designs
• UI/UX Designers - Verifying screen specifications
• QA Testers - Documenting browser environments
• Content Creators - Checking display capabilities
• Tech Support - Gathering system information
• Students - Learning about web technologies

🚀 Technical Highlights:
• Manifest V3 (Latest Chrome Extension Standard)
• Pure vanilla JavaScript - No frameworks, blazing fast
• Modern, accessible UI design
• Works on Chrome, Edge, Brave, and all Chromium browsers

Try it now and streamline your development workflow! One click to see everything you need to know about your screen and browser viewport.