Qué ejecuta el visualizador HTML y qué no
El HTML, el CSS en una etiqueta <style> y el JavaScript en una etiqueta <script> se ejecutan como en un sitio web, así que un botón, un formulario o una calculadora pequeña funcionan en la vista previa. También cargan las bibliotecas que una página trae de los CDN públicos habituales, como cdnjs, jsDelivr, unpkg o el de Tailwind. La página se ejecuta en un marco aislado, en otra dirección: no puede leer solta.now, tus cookies ni tus cuentas, y no puede llevar esta ventana a ninguna otra parte.
Tres cosas se ven distinto aquí:
- Los archivos que la acompañan. Una página que carga
style.css, imágenes o un CSV de su propia carpeta no encuentra nada, porque esos archivos siguen en tu equipo. Sube la carpeta entera en Subir archivos, en la caja de la página de inicio, y se publican con ella. - React de Claude o ChatGPT. Un componente que empieza con líneas
importsale en blanco en cualquier visor HTML simple, porque antes tiene que convertirse en una página: por qué un artefacto de React se abre en blanco (en inglés). Pégalo en la caja de la página de inicio, y Solta lo convierte al publicarlo, como explica publicar un artefacto de Claude (en inglés). - Lo que se guarda en el navegador. Lo que una página guarda con
localStoragedura hasta que la vista previa se vuelve a dibujar. Publicada, lo guarda en el navegador de quien la visita.
De la vista previa a un link: de HTML a sitio web en tres pasos
- Pega el código, o abre el archivo. Pega el código que escribió tu IA, o pulsa Abrir un archivo y elige el archivo
.html. La vista previa se actualiza mientras escribes. Una página con sus imágenes y su hoja de estilos al lado es una carpeta: suelta la carpeta (en inglés) en su lugar. - Revísala con ancho de escritorio y de móvil. Cambia a Móvil para ver la página con 390 píxeles de ancho, más o menos el de un teléfono, que es donde se abren la mayoría de los links enviados por chat.
- Publícala con el botón Solta y envía el link. El botón Solta, debajo del código, la publica. La página queda en línea en su propia dirección, y se abre sin cuenta. Sin cuenta sigue en línea 24 horas; guárdala desde la tarjeta que muestra la dirección, iniciando sesión, y se queda en la misma dirección. Después elige quién puede abrirla: pública, no listada o privada en todos los planes, y con contraseña en todos los planes (1 sitio a la vez en Free): qué protege una contraseña en una página (en inglés).
Antes de publicarla, Solta revisa el código y rechaza una página que tenga escrita una clave de API, un token de acceso o una clave privada, porque cualquiera que abra la página podría leerla.
¿Tu HTML sale de Claude o de ChatGPT? Publícalo desde el chat (en inglés), y el link vuelve ahí.
Límites
- El visor abre archivos
.html(o.htm) de hasta 2 MB, lo mismo que acepta el botón Solta. Un archivo de React o una carpeta van en la caja de la página de inicio. - Sin cuenta, la página sigue en línea 24 horas, salvo que la guardes.
- Con contraseña, 1 sitio a la vez en Free.
Preguntas
¿Se sube mi código cuando lo pego?
No. La página se ejecuta en tu navegador, en un marco aislado que no puede leer solta.now, tus cookies ni tus cuentas. No se envía nada a Solta hasta que pulsas el botón Solta para publicarla.
¿Se ejecuta JavaScript en la vista previa?
Sí. Los scripts en una etiqueta <script>, onclick y similares se ejecutan como en un sitio web, así que los botones, las pestañas y las calculadoras pequeñas funcionan. La vista previa sigue las mismas reglas que una página publicada en Solta, así que lo que funciona aquí funciona en el link.
¿Puedo abrir un archivo HTML de mi equipo?
Sí. Abrir un archivo lee un archivo .html de hasta 2 MB en el visor, sin que salga de tu equipo. Si la página carga imágenes o una hoja de estilos que están a su lado, sube la carpeta entera en la caja de la página de inicio de Solta, para que esos archivos vayan con ella.
¿Puedo leer el código de un archivo HTML que alguien me envió?
Sí. Abrir un archivo muestra su código HTML a la izquierda y la página a la derecha, así que puedes leer lo que dice y ver lo que hace sin abrirlo desde tu disco.
¿Puedo probar código HTML aquí antes de enviarlo?
Sí. Edita el código y la página se actualiza mientras escribes. Cambia a Móvil para verla con el ancho de un teléfono, que es donde se abren la mayoría de los links enviados por chat.
¿Por qué mi página de Claude o ChatGPT sale en blanco?
Un componente de React, de los que empiezan con líneas import, tiene que convertirse en una página antes de que un navegador pueda mostrarlo, así que sale en blanco en este visor y en cualquier otro visor simple. Pégalo en la caja de la página de inicio de Solta: Solta lo convierte al publicarlo.
¿Cuánto tiempo sigue en línea el link?
Sin cuenta, el sitio sigue en línea 24 horas. Para conservarlo, guárdalo desde la tarjeta que muestra su dirección: inicias sesión, o creas una cuenta, y se queda en la misma dirección.
¿Puedo ponerle una contraseña?
Sí, una vez guardado. Público, no listado o privado, en todos los planes; y con contraseña, en todos los planes, 1 sitio a la vez en Free.
¿Por qué Solta no publica mi página?
Antes de publicar una página, Solta la revisa y rechaza una que tenga escrita una clave de API, un token de acceso o una clave privada, porque cualquiera que abra la página podría leerla. Quita la clave y vuelve a pulsar el botón Solta.