Cole o HTML ou abra um arquivo .html para ver seu resultado renderizado instantaneamente.
Recursos externos e scripts estão desativados.
Sua página renderizada aparecerá aqui.
Cole um documento completo ou um pequeno trecho de código para verificar o resultado renderizado. É útil para revisar exemplos salvos, marcação de e-mail, templates gerados e ideias rápidas de UI. O visualizador renderiza HTML; ele não valida se a marcação segue um padrão.
Abra um arquivo .html ou .htm de até 2 MB. 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 com caminhos absolutos são carregados apenas quando você habilita os recursos externos.
HTML e CSS inline funcionam por padrão. Imagens, estilos, fontes, frames ou mídias externas exigem sua permissão. O JavaScript fica disponível apenas com acesso externo, pois os scripts podem contatar ou navegar para outros sites e podem tornar a aba sem resposta. A pré-visualização usa um iframe restrito sem acesso de mesma origem; formulários, pop-ups, downloads na pré-visualização e navegação de nível superior permanecem bloqueados.
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. A leitura e a renderização acontecem 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.
O Modo de Destaque conecta um elemento na Visualização ao Vivo ao seu código-fonte HTML.
Passe de uma visualização rápida para um projeto web completo sem perder a conexão entre o código-fonte e a página renderizada.