Informacion del dispositivo

El tamano de pantalla no es el tamano de ventana

Se confunden constantemente tres medidas distintas, y mezclarlas produce fallos de maquetacion que solo aparecen en los equipos de otras personas. La resolucion de pantalla describe el panel fisico y no cambia aunque redimensiones algo. El area disponible resta el espacio que reclama de forma permanente el sistema operativo, como una barra de tareas o la barra de menus de macOS. El viewport es la parte de la ventana donde tu pagina puede dibujar realmente, y es la unica de las tres a la que responden las media queries de CSS.

Si estas depurando una maquetacion responsive, el viewport es casi siempre el numero que necesitas. Alguien con un monitor de 3840 pixeles puede estar leyendo tu sitio en una ventana de 700 pixeles, y una media query escrita contra el ancho de pantalla le servira encantada la version de escritorio en un espacio que no la admite.

La relacion de pixeles conecta ambos mundos. Un valor de 2 significa que cada pixel CSS se pinta con un bloque de 2x2 pixeles fisicos, y por eso las imagenes nitidas en un monitor antiguo se ven borrosas en un portatil moderno. Multiplica el viewport por la relacion de pixeles para saber cuantos pixeles reales necesita una imagen de mapa de bits.

El user agent miente, y lo hace a proposito

El user agent es el campo menos fiable de esta pagina. Todos los navegadores importantes llevan decadas anadiendo a su cadena los nombres de los demas para superar comprobaciones de servidor mal escritas, y por eso una version actual de Chrome sigue anunciando Mozilla, AppleWebKit, KHTML, Gecko y Safari a la vez. Los fabricantes estan congelando y reduciendo esa cadena para limitar la huella digital.

Tratalo como una pista, nunca como una decision. Si necesitas saber si existe una funcionalidad, comprueba la funcionalidad. Verificar si una API esta presente ocupa una linea, funciona en navegadores que no existian cuando escribiste el codigo y no se rompe cuando un fabricante reescribe su user agent.

Que revelan estos valores sobre ti

Por separado, ninguno de estos campos identifica a nadie. Combinados resultan sorprendentemente distintivos. La resolucion, la zona horaria, la lista de idiomas, el numero de nucleos y la relacion de pixeles forman juntos una huella que suele ser unica entre millones de visitantes, y por eso la recogen los rastreadores.

Esa es tambien la razon de que varios campos devuelvan valores difusos o ausentes de forma deliberada. La memoria del dispositivo se redondea hacia abajo a categorias muy amplias. Algunos navegadores limitan el numero de nucleos que declaran, no exponen la memoria en absoluto o devuelven una plataforma generica. Do Not Track ha quedado practicamente abandonado: casi nada lo respeta y la mayoria de navegadores ya no lo envian, asi que un valor vacio aqui no significa nada.

La conclusion practica para desarrollar es recoger el minimo que realmente necesitas. Si quieres decidir si cargas una animacion pesada, mide cuanto tarda en renderizarse el primer fotograma en lugar de deducirlo del numero de nucleos. La medicion real supera a las especificaciones inferidas y no amplia la superficie de huella digital.