ScreenLens – Screen Resolution & Device Inspector

About

ScreenLens is the all-in-one screen resolution checker and developer inspection tool for web designers, front-end developers, and UX professionals. Get your screen resolution, viewport size, device pixel ratio (DPR), orientation, color depth, aspect ratio, and CSS breakpoint instantly — with one click, no page refresh needed.

🖥 SCREEN & VIEWPORT DETECTION
• Detect exact screen resolution (width × height in pixels)
• Check browser viewport size in real time
• View Device Pixel Ratio (DPR) for Retina and HiDPI display testing
• Identify CSS breakpoint (xs, sm, md, lg, xl, 2xl) automatically
• Calculate aspect ratio and estimated physical screen size
• Detect screen orientation — landscape or portrait
• Copy screen resolution, viewport, or all data to clipboard in one click

📱 DEVICE & BROWSER INSPECTOR
• Identify operating system (Windows, macOS, Linux, Android, iOS, Chrome OS)
• Detect browser name and version (Chrome, Edge, Firefox, Safari)
• Check CPU architecture (64-bit or 32-bit)
• View system language, cookie status, and online/offline status
• Read full User Agent string and copy it instantly

↔ RESPONSIVE LAYOUT TESTER
• Resize browser window to exact desktop presets: 1920×1080, 1440×900, 1366×768, 1280×720
• Simulate mobile devices in-page: iPhone 14, iPhone XR, Android, iPad — without DevTools
• Enter any custom width × height for precise responsive testing
• Reset to normal view with a single click

🛠 DEVELOPER TOOLS
• Page Ruler — live crosshair with X/Y coordinates, element dimensions, and distance measurement between two points (click to pin, Esc to exit)
• 12-Column Grid Overlay — toggle a transparent CSS grid over any webpage for layout verification
• Color Picker — use the native EyeDropper API to pick any pixel color from the page, with instant HEX and RGB output
• Copy any color value directly to clipboard

⚡ WHY DEVELOPERS CHOOSE SCREENLENS
→ No login required. No account. No tracking.
→ Works on any website — HTTP, HTTPS, and local file:// URLs
→ Lightweight — zero background processes when not in use
→ All data is read locally in your browser — nothing is sent to any server
→ Built for web developers, UI designers, QA testers, and responsive design specialists

🔍 PERFECT FOR
• Checking "what is my screen resolution" instantly
• Testing responsive web design across breakpoints
• Debugging CSS layout issues with the grid overlay
• Measuring element sizes and spacing with the page ruler
• Identifying device pixel ratio for image optimization
• Reporting bugs — copy device and browser info in one click
• Cross-browser and cross-device compatibility testing

ScreenLens brings together the tools you'd otherwise need DevTools, a separate extension, and a website to accomplish — all in a single fast popup. Open it, get your answer, close it. That's it.

Visit whatismyscreenresolution.info for additional online tools including DPI checker, color depth detector, aspect ratio calculator, and OS detector.