Preview

Qué es el preview

• Es la app que va a ver quien compra. El preview muestra la app exactamente como la ve tu cliente, sin una vista diferente para el dueño.
• Es el sitio funcionando. Los botones responden al clic, el formulario envía, y el celular muestra lo mismo que va a mostrar después.
• Es privado. Solo tú y quien forma parte de tu organización pueden abrirlo.
• Se actualiza en segundos. El preview cambia con cada cambio que el agente hace.

Navega el preview como si fueras tu cliente. Así encuentras los ajustes que faltan, como un enlace que no lleva a ningún lado, un texto a medias o una sección fuera de orden.

Si no sabes cómo llegar a una parte de la app, pregúntale al agente. Conoce el proyecto y te explica el camino por la navegación.

Señala y pide

Para cambiar un pedazo de la pantalla, señálalo.

Haz clic en Seleccionar elemento, el lápiz en la barra del preview, y elige el pedazo en la pantalla. El pedazo queda destacado y entra como referencia en el chat. Después, di qué quieres que pase con él.

Ejemplo de pedido:

Ver en el celular

Vista móvil muestra el preview en el ancho de un celular, sin que salgas de la pantalla ni tomes el teléfono.

Llevar el preview a otro lugar

Haz clic en la dirección, en la barra del preview, para ver dos opciones.

• Copiar la URL. Pega la dirección donde quieras.
• Abrir en una pestaña nueva. Ve el proyecto en pantalla completa, lo que ayuda cuando la página es larga.

Leer la Consola

El panel Consola muestra los mensajes que tu proyecto escribe mientras funciona en el preview, como los avisos y errores que registra el código. Solo aparece con el preview en marcha. Si el preview se detiene mientras estás en el proyecto, la Consola sigue en la barra de paneles.

En proyectos más antiguos, puede que la Consola todavía no aparezca en la lista de Nueva pestaña.

Para abrirlo, haz clic en Nueva pestaña, el + en la barra de los paneles, y elige Consola.

• Filtrar por nivel. Las pestañas de la parte de arriba del panel, como Error y Warn, muestran solo las líneas de ese nivel. La pestaña de un nivel aparece cuando hay al menos una línea de él.
• Ver líneas anteriores. Haz clic en Cargar líneas anteriores, al principio de la lista.
• Limpiar el panel. Haz clic en Clear para ocultar las líneas que ya están en el panel. Las líneas nuevas siguen apareciendo.

Cuando tu proyecto escribe el valor de un elemento del panel Secretos, secreto o público, la Consola muestra [redacted] en lugar del valor. Las direcciones IP y las claves de API con formato conocido también aparecen como [redacted]. Un valor del panel Secretos escrito de otra forma, como codificado o pegado a otra palabra, sigue visible.

Si algo no funciona en el preview, copia la línea de error de la Consola y pídele la corrección al agente en el chat.

Atajos

Mientras el agente construye

El botón Jugar abre Space Runner. Puedes jugar mientras el agente construye.

---

El público ve la versión publicada. Lo que está en el aire solo cambia cuando publicas de nuevo.