O que corre no visualizador e o que não corre
HTML, CSS numa tag <style> e JavaScript numa tag <script> correm como correriam num site, por isso um botão, um formulário ou uma pequena calculadora funcionam na pré-visualização. As bibliotecas que uma página carrega a partir das CDN públicas habituais, como cdnjs, jsDelivr, unpkg ou a do Tailwind, também são carregadas. A página corre numa moldura isolada, noutro endereço: não consegue ler o solta.now, os seus cookies nem as suas contas, e não consegue levar esta janela para lado nenhum.
Há três coisas que aparecem de outra maneira aqui:
- Ficheiros ao lado. Uma página que vai buscar
style.css, imagens ou um CSV à sua própria pasta não encontra nada, porque esses ficheiros continuam no seu computador. Carregue a pasta inteira na caixa da página inicial, em Carregar ficheiros, e eles vão com ela. - React do Claude ou do ChatGPT. Um componente que começa com linhas
importfica em branco em qualquer visualizador de HTML simples, porque primeiro tem de ser transformado numa página: porque é que um artefacto React abre em branco (em inglês). Em vez disso, cole-o na caixa da página inicial, em Colar código, e o Solta transforma-o numa página ao publicá-lo, como explica alojar um artefacto do Claude (em inglês). - Guardar no browser. O que uma página guarda com
localStoragedura até a pré-visualização voltar a desenhar a página. Depois de publicada, a página guarda-o no browser de quem a visita.
Abrir um ficheiro HTML e pô-lo num link, em três passos
- Cole o código, ou abra o ficheiro. Copie o código que a sua IA escreveu, ou carregue em Abrir um ficheiro e escolha o ficheiro
.html. A pré-visualização volta a desenhar-se à medida que escreve. Uma página com as imagens e a folha de estilos ao lado é uma pasta: nesse caso, largue a pasta na caixa da página inicial, em Carregar ficheiros. - Veja-a à largura de computador e de telemóvel. Carregue em Telemóvel para ver a página com 390 píxeis de largura, mais ou menos a de um telemóvel, que é onde se abre a maior parte dos links enviados numa conversa.
- Publique-a com o botão Solta e envie o link. O botão Solta, por baixo do código, publica a página. Fica online no seu próprio endereço, e quem a recebe abre-a sem conta. Publicada sem conta, fica online durante 24 horas; para a manter, guarde-a no cartão que mostra o endereço, iniciando sessão, e o endereço mantém-se. Depois escolha quem a pode abrir: pública, não listada ou privada em todos os planos, e com palavra-passe em todos os planos (1 site de cada vez no Free): o que protege uma palavra-passe numa página (em inglês).
Antes de a pôr online, o Solta analisa o código e recusa uma página que tenha escrita uma chave de API, um token de acesso ou uma chave privada, porque qualquer pessoa que abrisse a página a poderia ler.
O seu HTML vem do Claude ou do ChatGPT? Publique-o diretamente da conversa (em inglês), e o link aparece lá mesmo.
Perguntas
O meu código é enviado quando o colo?
Não. A página corre no seu browser, numa moldura isolada que não consegue ler o solta.now, os seus cookies nem as suas contas. Nada é enviado ao Solta até carregar no botão Solta para a publicar.
O JavaScript corre na pré-visualização?
Sim. Os scripts numa tag <script>, o onclick e afins correm como correriam num site, por isso botões, separadores e pequenas calculadoras funcionam. A pré-visualização segue as mesmas regras de uma página publicada no Solta, por isso o que funciona aqui funciona no link.
Posso abrir um ficheiro .html do meu computador?
Sim. O botão «Abrir um ficheiro» lê um ficheiro .html com até 2 MB para o visualizador, no seu próprio computador. Se a página for buscar imagens ou uma folha de estilos à mesma pasta, carregue em vez disso a pasta inteira na caixa da página inicial do Solta, para que esses ficheiros vão também.
Posso ler o código de um ficheiro HTML que alguém me enviou?
Sim. «Abrir um ficheiro» mostra o código HTML à esquerda e desenha a página à direita, para que possa ler o que diz e ver o que faz sem abrir o ficheiro a partir do seu disco.
Posso testar código HTML aqui antes de o enviar?
Sim. Edite o código e a página volta a desenhar-se à medida que escreve. Carregue em «Telemóvel» para a ver à largura de um telemóvel, que é onde se abre a maior parte dos links enviados numa conversa.
Porque é que a minha página do Claude ou do ChatGPT aparece em branco?
Um componente React, daqueles que começam com linhas import, tem de ser transformado numa página antes de qualquer browser o conseguir mostrar, por isso aparece em branco neste visualizador e em qualquer outro visualizador simples. Em vez disso, cole-o na caixa da página inicial do Solta: o Solta transforma-o numa página ao publicá-lo.
Durante quanto tempo fica o link online?
Um site que não foi guardado fica online durante 24 horas. Para o manter, guarde-o a partir do link no cartão que mostra o endereço: inicia sessão, ou cria uma conta, e o site fica no mesmo endereço.
Posso pôr uma palavra-passe na página?
Sim, depois de a guardar. Pode torná-la pública, não listada ou privada em todos os planos, e pôr-lhe uma palavra-passe em todos os planos, 1 site de cada vez no Free.
Porque é que o Solta não publica a minha página?
Antes de pôr uma página online, o Solta analisa-a e recusa uma que tenha escrita uma chave de API, um token de acesso ou uma chave privada, porque qualquer pessoa que abrisse a página a poderia ler. Retire a chave e carregue de novo no botão Solta.