ScreenLens – Screen Resolution & Device Inspector

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.