Desenvolvedor / HTML
Visualizador de HTML: prévia ao vivo isolada com CSS e JavaScript
Cole HTML e CSS opcional para ver uma prévia ao vivo e isolada. Ative o JavaScript explicitamente, expanda a prévia para tela cheia ou baixe um arquivo HTML de prévia.
Visualizador de HTML: prévia ao vivo isolada com CSS e JavaScript: Renderiza o código-fonte em um frame isolado com uma origem opaca. Os scripts começam desativados. Uma política de segurança de conteúdo bloqueia recursos externos, solicitações fetch, formulários e páginas incorporadas, permitindo estilos inline e imagens de dados. Metadados que podem atualizar a página, elementos base e contextos de navegação incorporados são removidos. O download preserva o frame isolado. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas para desenvolvedores
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
A visualização é isolada deste site. Os scripts ficam desativados por padrão. Estilos, scripts e imagens externos, solicitações fetch, formulários e páginas incorporadas são bloqueados; estilos inline e imagens de dados são permitidos. Ativar os scripts executa o código que você colar na visualização.
O HTML baixado abre a mesma visualização isolada. Nenhum código-fonte é inserido nesta página.
Isolamento do frame
O padrão HTML do WHATWG define as restrições de sandbox de iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). Esta pré-visualização nunca concede allow-same-origin.
Restrições de conteúdo
A especificação Content Security Policy do W3C define restrições para recursos (https://www.w3.org/TR/CSP3/). A pré-visualização aplica uma política restritiva antes da marcação fornecida. O wrapper baixado mantém o limite do sandbox.
Como usar
- Cole HTML e CSS ou JavaScript opcional.
- Ative os scripts somente quando quiser que o código colado seja executado na prévia isolada.
- Inspecione a prévia ao vivo ou em tela cheia e baixe o arquivo de prévia isolado.
Privacidade e limitações
Suas entradas e seus arquivos são processados no seu navegador. Nada é enviado.
Ferramentas relacionadas
Perguntas frequentes
Minha prévia pode acessar os cookies ou a página deste site?
O sandbox não concede acesso same-origin. O código colado não pode ler o DOM nem o armazenamento deste site. Os scripts só são executados quando você os ativa.
Por que imagens externas ou bibliotecas não carregam?
A prévia local bloqueia recursos remotos. Coloque os estilos e scripts diretamente nos editores e use URLs de dados para as imagens.
Posso colar um documento HTML completo?
Sim. A prévia aceita documentos completos e fragmentos. Ela remove metadados e contextos de navegação incorporados, aplica sua própria política de segurança de conteúdo e renderiza o resultado no frame isolado.
O que o download contém?
Ele contém um arquivo HTML que abre seu código-fonte dentro do mesmo sandbox. É um arquivo de prévia, e não o código-fonte colado diretamente em uma página comum.
Ferramenta grátis · no seu navegador execuções · não precisa de conta