Leer en inglés

Compartir a través de


Emulación de dispositivo

En la pestaña Edge DevTools: Browser ,la barra de herramientas Emulación de dispositivo de la parte inferior le permite simular diferentes entornos:

Vista previa del explorador en la extensión con la barra de herramientas de emulación que se muestra

Para reproducir la interfaz de usuario que se muestra aquí, vea Abrir DevTools haciendo clic con el botón derecho en un archivo HTML en Abrir DevTools y el explorador DevTools.

Vea también:

Menú desplegable Emular dispositivos

En el menú desplegable Emular dispositivos , puede seleccionar entre varios dispositivos diferentes o la opción predeterminada De capacidad de respuesta. Al seleccionar un dispositivo, la ventanilla cambia de tamaño a las medidas correctas y simula la interfaz táctil. Por ejemplo, hay varios diseños de iPhone emulados:

Vista previa del explorador en la extensión que muestra el producto web en un diseño de teléfono emulado

Menús desplegables Ancho y Alto

Para cambiar las dimensiones de la ventanilla, haga clic en los menús desplegables Ancho y Anchode alto y Alto :

Menús desplegables Ancho y Alto

Botón Girar

Haga clic en el botón Girar (botón Girar) para girar la ventanilla entre la orientación vertical y horizontal:

Ventanilla girada a orientación horizontal

Botón Emular características multimedia CSS

Use el botón Emular características multimedia CSS (Emular características multimedia CSS) para:

  • Emular consultas de medios CSS.
  • Pruebe cómo se ve el producto en modo de impresión.
  • Cambie entre el modo oscuro y claro.
  • Emular colores forzados.

Vista previa del explorador en la extensión que muestra el producto web en modo de color forzado

Botón Emular deficiencias de visión

Haga clic en el botón Emular deficiencias visuales (el botón Emular deficiencias de visión) para probar la experiencia del usuario de la página web actual con diferentes deficiencias visuales. Este botón le permite probar el producto en un modo borroso o en diferentes deficiencias de color:

Vista previa del explorador en la extensión que muestra el producto web en una emulación borrosa

Vea también