Ir al contenido

Tamaños, emulación y ubicación

Probar la página en otros tamaños de pantalla, emular dispositivos, red y CPU, y sobrescribir la geolocalización.

Ver Markdown

Tres ajustes que cambian el entorno en el que la página se ve a sí misma: el tamaño de pantalla, las condiciones de red y procesamiento, y la posición geográfica informada.

Tamaños de viewport

  • En la barra de herramientas hay un grupo de dispositivo que aplica un preset de tamaño.
  • En el menú de tres puntos está la lista de tamaños, con presets que cubren desde teléfono pequeño hasta portátil grande, pasando por tablet.
  • El preset elegido se recuerda por pestaña — cada pestaña tiene el suyo.

También es posible un tamaño definido a mano, con ancho, alto, escala y modo móvil.

Un override de viewport oculta el layout real hasta que se quita. Si la página se ve rara después de una prueba, confirma si aún hay un tamaño aplicado en esa pestaña.

Emulación de dispositivo, red y CPU

Por línea de comandos puedes aplicar emulaciones que van más allá del tamaño:

Emulación Qué hace
Dispositivo Aplica un dispositivo conocido a la pestaña
CPU Aplica limitación de procesamiento, con tasa entera mayor o igual a 1
Red Aplica una condición de red: slow-3g, fast-3g, slow-4g, fast-4g, offline o no-throttling
Offline Activa y desactiva el modo offline
Preferencias de medios Define esquema de color y preferencia de movimiento reducido

El resultado de la emulación de red imprime las tasas efectivas aplicadas — es lo que permite decir qué se emuló en lugar de suponerlo.

Restablecer limpia CPU y red de una vez. Si emulaste una red para medir algo, restablece antes de la próxima medición: el throttling olvidado contamina el próximo número.

Geolocalización

La geolocalización sobrescribe la posición informada a la página. Hay que informar latitud y longitud; la precisión es opcional.

Una posición falsa cambia lo que la página muestra y a lo que puede consentir. El contenido regional, los avisos y los consentimientos pueden reaccionar a la posición — incluso de formas que no quieres dejar registradas en una cuenta real.

Límites

  • La emulación vale por pestaña y vale mientras esté aplicada.
  • El override de viewport y la emulación no cambian la ventana de la app: cambian lo que la página cree que es la pantalla.
  • Las tasas y condiciones efectivas deben leerse en la salida del comando — no hay promesa de que la máquina pueda reproducir exactamente la condición pedida.