Probar HTML, CSS y JavaScript en tu navegador
El código se ejecuta mientras escribes: el HTML, el CSS en una etiqueta <style> y el JavaScript en una etiqueta <script>, como en un sitio web, con las bibliotecas que la página carga de los CDN públicos habituales. Se ejecuta en un marco aislado, en otra dirección, así que no puede leer solta.now, tus cookies ni tus cuentas.
No se envía nada mientras pruebas. El código se guarda en este navegador hasta que pulses Borrar, así que la página que estabas probando sigue aquí mañana.
Qué revisar antes de enviar una página
- Se lee bien en el celular. Cambia a Celular: la mayoría de los enlaces enviados por chat se abren en un celular. Busca texto que se sale de la pantalla y botones demasiado pequeños para pulsarlos.
- La Consola está en silencio. Cada error aparece ahí con su línea. Pulsa la línea, y el código se abre en ella.
- Todas las imágenes y archivos cargan. La Consola nombra un archivo que la página no pudo cargar. Si está junto a la página en tu computadora, abre la carpeta entera.
- Cada botón hace lo que dice. Pulsa cada uno, y escribe en cada campo.
- Se imprime bien, si la van a imprimir. Guardar como PDF muestra la página como la mostraría una impresora.
Probar una página que escribió Claude o ChatGPT
Copia la página que escribió tu IA y pulsa Pegar. Si algo no funciona, la Consola nombra el error y la línea: díselos a tu IA y pega lo que te devuelva. Una página que empieza con líneas import es un componente de React, que tiene que convertirse en una página antes de que un navegador pueda mostrarlo: por qué un artefacto de React se abre en blanco. Pégalo en la caja de la página de inicio, y Solta lo convierte al publicarlo.
De la prueba a un enlace
Cuando funcione, Crear enlace, debajo de la página, la publica en su propia dirección, y se abre sin cuenta. Para abrir un archivo HTML que alguien te envió, en lugar de escribir uno, usa el visor HTML, que empieza por la página y no por el código.
Preguntas
¿Es un compilador de HTML?
No exactamente: el HTML no se compila. Un navegador lo lee y ejecuta sus scripts, y este probador hace lo mismo mientras escribes. Es lo que la gente llama un compilador o un ejecutor de HTML: tu código se ejecuta y ves el resultado.
¿Revisa si mi HTML es válido?
No. Ejecuta tu página como lo haría un navegador, y la Consola muestra cada error que dan sus scripts, con su línea. Para revisar el marcado en sí según el estándar HTML, usa el validador de marcado del W3C.
¿Puedo probar JavaScript?
Sí. Los scripts se ejecutan como en un sitio web. Lo que registran con console.log, y cada error, aparece en la Consola debajo de la página, cada uno con la línea de código de donde vino.
¿Se guarda mi código?
Se guarda en este navegador, así que sigue aquí cuando vuelvas, hasta que pulses Borrar. No se envía nada a Solta hasta que pulses Crear enlace.
¿Puedo probar una página con el CSS y las imágenes en archivos aparte?
Sí. Abrir carpeta, o abre un .zip de la carpeta con Abrir archivo, y la página se ejecuta con sus hojas de estilos, sus scripts y sus imágenes. Puedes cambiar aquí cualquiera de sus archivos.
¿Puedo probar en el celular?
Sí. En el celular, Código y Página se turnan en la pantalla. En una computadora, Celular muestra la página con 390 píxeles de ancho, más o menos el de un celular.
¿Cómo le muestro a alguien lo que probé?
Crear enlace la publica en su propia dirección, y se abre sin cuenta. Sin cuenta, el sitio sigue en línea 24 horas. Para conservarlo, inicia sesión desde la tarjeta que muestra su dirección.