Cuales Son las Especificaciones de Tu Pantalla?
Ve la resolucion de tu pantalla, dimensiones del viewport del navegador, relacion de pixeles del dispositivo (DPI), profundidad de color y orientacion — todo detectado al instante desde tu navegador.
Esta herramienta lee window.screen y devicePixelRatio para reportar la resolucion fisica de tu pantalla, tamano del viewport, densidad de pixeles, profundidad de color y orientacion.
Una relacion de pixeles del dispositivo de 2 significa que cada pixel CSS usa 2x2 pixeles fisicos (Retina/HiDPI); 24 bits de profundidad de color proporcionan 16.7 millones de colores.
Que Significan Tus Resultados?
| Result | Range | Meaning |
|---|---|---|
| Detectado | Resolucion, DPR y profundidad de color mostrados | Tu navegador reporta exitosamente todas las propiedades de pantalla. DPR 1x es estandar, 2x es Retina/HiDPI, 3x se encuentra en pantallas moviles de alta gama. |
| Limitado | El viewport difiere significativamente de la resolucion de pantalla | Las barras de herramientas del navegador, barra de tareas o ajustes de escalado reducen el viewport utilizable. Presiona F11 para pantalla completa para maximizar el espacio disponible. |
| No Soportado | Algunas propiedades retornan cero o undefined | Raro en navegadores modernos. Asegurate de no estar en un contexto headless o embebido que restrinja el acceso a la API de pantalla. |
Problemas Comunes y Como Solucionarlos
La resolucion de pantalla muestra menor de lo esperado
Revisa los ajustes de pantalla de tu sistema para escalado. Al 150% de escalado en una pantalla de 1920x1080, el navegador reporta una resolucion efectiva de 1280x720 pixeles CSS con DPR 1.5.
La profundidad de color muestra 24 bits en lugar de 30 bits
30 bits (10 bits por canal) requiere una GPU, pantalla y configuracion de driver compatibles. La mayoria de pantallas de consumo usan 24 bits (8 bits por canal) que proporciona 16.7 millones de colores.