Cole o HTML ou abra um arquivo .html para ver seu resultado renderizado instantaneamente.
Sua página renderizada aparecerá aqui.
Recursos externos e scripts estão desativados.
Cole um documento completo ou um pequeno trecho de código para verificar o resultado renderizado. O visualizador de código HTML é útil para revisar exemplos salvos, marcação de e-mail, templates gerados e ideias rápidas de UI. Ele é um visualizador de HTML, não um validador — ele renderiza a marcação sem verificar se ela segue um padrão.
Abra um arquivo .html ou .htm de até 2 MB — um visualizador de arquivos HTML e leitor de HTML online para páginas que você salvou ou recebeu. O arquivo é lido e renderizado localmente e não é enviado para o Phoenix Code. Arquivos relativos não são importados com ele, enquanto imagens, estilos, fontes, frames e mídias absolutos são carregados apenas quando você habilita recursos externos.
HTML e CSS inline funcionam por padrão. Imagens, estilos, fontes, frames ou mídias externas exigem seu próprio controle. O JavaScript fica disponível apenas com o acesso externo, pois os scripts podem contatar ou navegar para outros sites e podem fazer com que a aba pare de responder. O renderizador de HTML usa um iframe restrito sem acesso de mesma origem; formulários, pop-ups, downloads da visualização e navegação de nível superior permanecem bloqueados.
Alterne a viewport entre as predefinições Responsivo, Desktop, Tablet e Celular, ou insira uma largura personalizada em pixels para ver como um layout se adapta. A ferramenta também funciona em celulares, portanto, também serve como um visualizador de HTML para celular quando você precisa verificar uma página longe do seu computador.
Cole o HTML no painel de código-fonte. A pré-visualização ao vivo está ativada por padrão, então o resultado renderizado é atualizado depois que você pausa a digitação. Desative a pré-visualização ao vivo se preferir usar o botão Atualizar pré-visualização manualmente.
Sim. Escolha "Abrir arquivo .html" e selecione um arquivo .html ou .htm de até 2 MB. O leitor de código HTML funciona inteiramente no seu navegador; o arquivo em si não é enviado para o Phoenix Code.
O CSS inline está ativado. Recursos de página externos são bloqueados até que você selecione Permitir recursos externos. Para executar JavaScript, ative primeiro os recursos externos; os scripts da pré-visualização podem contatar ou navegar para outros sites e podem tornar a aba sem resposta. Execute apenas código em que você confia.
Um visualizador serve para renderizar rapidamente um documento ou trecho de código. Um editor oferece suporte a trabalhos de autoria mais longos, como gerenciamento de arquivos de projeto, dicas de código e pré-visualização sincronizada. O Phoenix Code oferece edição de HTML e CSS com Pré-visualização ao Vivo, enquanto o Phoenix Pro adiciona edição visual direta e ferramentas mais ricas de pré-visualização em dispositivos.
Sim. É um visualizador de HTML gratuito, sem necessidade de cadastro ou instalação, e os únicos limites são de 2 MB para o tamanho do arquivo e 2 milhões de caracteres. Como a renderização ocorre localmente, nada é enviado e ele se mantém rápido em conexões lentas.
O Modo de Destaque conecta um elemento na Visualização ao Vivo ao seu código-fonte HTML.
Evolua de uma pré-visualização rápida para escrever e testar código HTML em um projeto web completo, sem perder a conexão entre o código-fonte e a página renderizada.