Puedes ver tu sitio web en el teléfono sin publicarlo. En EverWeb, haz clic en Vista previa en la barra de herramientas, elige Preview QR Code (código QR de vista previa) y escanea el código con la cámara de tu teléfono. Tu teléfono tiene que estar en la misma red wifi que tu ordenador, y EverWeb tiene que seguir abierto mientras lo miras.
Vista previa en tu teléfono
Antes de empezar: conecta tu teléfono y tu ordenador a la misma red wifi y abre tu proyecto en EverWeb.
- En la lista de páginas, selecciona la página que quieres ver.
- Haz clic en Vista previa en la barra de herramientas y elige Preview QR Code. (También está en Archivo > Vista previa).
- Si EverWeb te pregunta Do you want to enable the local preview server? (¿quieres activar el servidor de previsualización local?), haz clic en Sí.
- Apunta la cámara de tu teléfono al código y toca el enlace que aparece.
La página se abre en el navegador de tu teléfono, y puedes ir tocando para pasar a tus otras páginas. También puedes escribir en el navegador de tu teléfono la dirección que aparece debajo del código. Empieza por http:// y termina en :13434, y es posible que tu teléfono diga "No seguro". Es normal: es una vista previa privada que sale de tu ordenador, no tu sitio web publicado.
Después de cambiar algo, vuelve a elegir Preview QR Code y luego recarga la página en tu teléfono.
Si la vista previa no se abre en tu teléfono
| Lo que ves | Qué hacer |
|---|---|
| EverWeb dice "The local preview server is not activated" (el servidor de previsualización local no está activado) | Activa el servidor de previsualización: EverWeb > Ajustes > General en un Mac, o Editar > Opciones > General en Windows. En Vista previa, marca Utilizar servidor de previsualización. |
| Los ajustes muestran "Not Connected to Wifi" (sin conexión wifi) en Remote URLs (URL remotas) | Conecta tu ordenador a tu red y luego sal de EverWeb y vuelve a abrirlo. |
| La página se queda cargando y luego dice que no puede conectarse | Comprueba que el teléfono está en la misma red wifi, y no en los datos móviles ni en una red de invitados (las redes de invitados de hoteles y oficinas mantienen separados los dispositivos a propósito). Desactiva cualquier VPN en los dos dispositivos, e iCloud Private Relay en el teléfono. Luego comprueba el cortafuegos de tu ordenador (ver abajo). |
| "Error 404: File Not Found" (archivo no encontrado) | Mantén el proyecto abierto en EverWeb, vuelve a elegir Preview QR Code y escanea el código nuevo. |
| Faltan algunas imágenes | Recarga la página en tu teléfono. Esto se mejoró en EverWeb 4.6. |
| Un formulario de contacto no se envía, o un botón de pago no funciona | Solo funcionan en tu sitio web publicado. Pruébalos en una copia de prueba: consulta Prueba los cambios antes de que se publiquen: publica una copia de prueba de tu sitio web. |
El cortafuegos de tu ordenador
Un cortafuegos puede impedir que tu teléfono llegue a EverWeb.
- Mac: abre Ajustes del Sistema > Red > Firewall. Si está activado, haz clic en Opciones... y asegúrate de que EverWeb está configurado para permitir las conexiones entrantes.
- Windows: asegúrate de que tu wifi está configurada como red Privada (en Configuración > Red e Internet) y de que EverWeb tiene permiso en Firewall de Windows Defender para las redes privadas. Si Windows te preguntó por EverWeb la primera vez que lo abriste y elegiste bloquearlo, permítelo ahí.
- iPhone con Chrome u otro navegador que no sea Safari: ve a Ajustes > Privacidad y seguridad > Red local y actívalo para ese navegador.
Vista previa en otros navegadores de tu ordenador
La lista Vista previa muestra los navegadores instalados en tu ordenador, como Safari, Google Chrome, Firefox y Opera en un Mac, o Chrome, Firefox y Edge en Windows. Elige uno para abrir en él la página seleccionada. En un Mac que tenga instalado Simulator de Apple (viene con Xcode), en la lista también aparece Simulator, que abre tu página en un iPhone simulado.
Comprobar el diseño para teléfonos dentro de EverWeb
- Páginas adaptables: estrecha la ventana de EverWeb. La página se reorganiza como lo haría en una pantalla más pequeña. Elige Ventana > Mostrar breakpoints para ver líneas discontinuas donde el diseño cambia entre teléfono, tableta y ordenador.
- Páginas de Diseño centrado con una página para móviles: la versión para teléfonos es una página aparte. Selecciónala en la lista de páginas para verla y editarla. Los teléfonos se envían a ella automáticamente, también en la vista previa con código QR. En el modo de dispositivo de un navegador en tu ordenador (como la barra de herramientas de dispositivos de Chrome), recarga la página después de elegir un teléfono para que cambie a la página para móviles.
Si la página se ve mal en tu teléfono, consulta Mi sitio web se ve bien en el ordenador, pero en el teléfono aparece cortado o descolocado.
Artículos relacionados
- Mi sitio web se ve bien en el ordenador, pero en el teléfono aparece cortado o descolocado
- Mi sitio web se ve mal en el teléfono: cómo funcionan los móviles en EverWeb
- Crea una versión para teléfonos de una página con Diseño centrado (página para móviles), paso a paso
- Prueba los cambios antes de que se publiquen: publica una copia de prueba de tu sitio web