The Screen Resolution Checker inspects your monitor's physical pixel dimensions, operating system workspace, current browser viewport size, and retina device pixel ratio.

### Hardware & Viewport Metrics Inspected The utility reads hardware and window properties through standard browser DOM APIs: - Physical Screen Resolution: Queries `window.screen.width` and `window.screen.height` for total monitor dimensions in CSS pixels. - Available Workspace: Reads `window.screen.availWidth` and `window.screen.availHeight`, representing usable desktop estate excluding OS taskbars, docks, and menu bars. - Browser Viewport Size: Measures active rendering canvas dimensions (`window.innerWidth` and `window.innerHeight`), updating automatically whenever you resize the browser window. - Device Pixel Ratio (DPR): Evaluates `window.devicePixelRatio`, indicating the ratio of physical hardware pixels to CSS reference pixels on High-DPI (Retina) displays. - Color Depth: Identifies display bit depth (`window.screen.colorDepth`, typically 24-bit or 32-bit true color).

### Worked Diagnostic Example Consider a laptop connected to a 1080p external display: - Monitor Screen Dimensions: $1920 \times 1080$ CSS pixels - Available Desktop Area: $1920 \times 1040$ pixels ($40\text{ px}$ reserved for OS taskbar) - Browser Viewport: $1440 \times 820$ pixels inside a maximized window - Device Pixel Ratio: $1.0\times$ (Standard non-retina scaling) - Color Bit Depth: $24\text{-bit}$ Truecolor ($16.7\text{ million}$ colors)

### 100% In-Browser Diagnostic All hardware checks and viewport listener events run locally on your client machine with zero telemetry or tracking scripts.