AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Editores / Editor de ventanas y de páginas / Editor de páginas / Responsive Web Design
  • Presentación
  • Opciones de depuración específicas para Chrome
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Presentación
Los Page s en modo Responsive Web Design pueden comprobarse como cualquier otro WEBDEV Page en el navegador de su elección. A continuación, basta con reducir (en modo "Desktop First") o aumentar (en modo "Mobile First") la anchura del navegador para ver los cambios en la Page.
Para ahorrar tiempo durante las pruebas reales en los diferentes dispositivos, una opción de depuración de los navegadores puede ser muy useful. Utilizada en el ordenador de desarrollo durante la prueba "Go" de Page s, esta opción permite get una idea muy precisa de la representación de Page:
  • en su versión "Desktop", para navegadores de PC o Mac,
  • cuando se ven desde un iPhone, un iPad, un Samsung S4, un Nexus 5, 6, 7, ...
Opciones de depuración específicas para Chrome
Por ejemplo, con Chrome, pulsa la tecla F12 para mostrar las opciones de depuración. El botón "Toggle Device Mode" (Ctrl + Mayúsculas + M) se utiliza para cambiar a la emulación "device mode".:
Luego, un combo box "Device" permite seleccionar un dispositivo para ver el sitio como si fuera un dispositivo móvil y no el ordenador de desarrollo.
Por ejemplo, el sitio se ejecuta desde la prueba en un ordenador de desarrollo en Windows, pero su representación es idéntica a la que se muestra en un iPhone 6 de Apple:
La representación estándar del mismo sitio es la siguiente:
Muy useful para comprobar la versión "Office" y la versión móvil de un Page para un sitio con servicio dinámico, o para adaptar un sitio Responsive Web Design.
La opción se presenta aquí en Cromo, también está disponible en el Explorador INTERNET 11 y Edge usando F12 y luego el panel "Emulación"..
Versión mínima requerida
  • Versión 21
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 08/12/2022

Señalar un error o enviar una sugerencia | Ayuda local