1. Home
  2. Iniciando
  3. Modo de pré-visualização
  1. Home
  2. utilização Blocs
  3. Interface
  4. Modo de pré-visualização

Modo de pré-visualização

Apesar Blocs oferece uma representação muito precisa do seu site final conforme você realmente o projeta; há momentos em que pode ser necessário visualizar rapidamente o seu site para verificar e testar outros aspectos do design, como interações, rolar FX e animações. Blocs possui várias opções de visualização incorporadas que são projetadas para ajudá-lo a testar seu site de uma forma mais natural e abrangente.

Dica para iniciantes

Modo de visualização em Blocs não apenas permite que você visualize o HTML localmente, mas também suporta a visualização de PHP também. Contanto que uma página tenha o tipo de arquivo definido para PHP no configurações de página, a visualização renderizará qualquer código PHP adicionado por meio do Widget de código em tempo real.

Pré-visualização no aplicativo

A visualização no aplicativo permite que você visualize seu site como faria em um navegador da Web, sem precisar sair da tela principal Blocs inscrição. Para entrar no modo de visualização, basta Clique esquerdo o botão play localizado à direita do controle do ponto de interrupção ou, alternativamente, com o atalho de teclado ⌃V.

Alternando pontos de interrupção

Além do modo de design, o modo de visualização também tem acesso ao principal controles de ponto de interrupção. Esses controles podem ser usados ​​para alternar rápida e facilmente entre diferentes tamanhos de tela, a fim de verificar as características de resposta do seu site.

Ferramentas de desenvolvimento

A visualização no aplicativo também oferece acesso às poderosas ferramentas de inspetor de desenvolvedor do WebKit. As ferramentas do inspetor são uma ótima maneira de inspecionar o código do seu site e depurar possíveis problemas que você esteja encontrando. Eles podem ser acessados ​​usando o botão de menu no canto superior esquerdo do quadro de visualização.

Ou alternativamente, simplesmente clique direito qualquer elemento em uma página (enquanto no modo de visualização) e selecionando Inspecionar.

Pré-visualizar no navegador

Bem como na visualização do aplicativo, Blocs também permite que você visualize rapidamente seu site com qualquer um dos navegadores instalados no Mac. Para visualizar seu site em um navegador, basta clique direito o botão de visualização e selecione um navegador no menu pop-up.

Você pode ler mais sobre como visualizar em navegadores aqui.

Está tendo problemas?

Se você está tendo problemas com o modo de visualização ou simplesmente não está funcionando, recomendamos a leitura deste guia de solução de problemas.

Visualização da rede local

A Blocs O servidor de visualização também pode ser acessado de qualquer dispositivo na mesma rede do seu Mac. Se a página que está sendo visualizada tiver seu tipo de arquivo definido como .html, em seguida, um pequeno botão com um antena O símbolo será exibido no canto superior esquerdo do quadro principal do aplicativo. Clicar neste botão copiará o URL da rede local para a área de trabalho do seu Mac. Inserir esse URL em um navegador da Web em qualquer dispositivo conectado à mesma rede do seu Mac permitirá que você visualize e teste seu site no dispositivo real.

Atualizado em 2 de dezembro de 2022

Esse artigo foi útil?

Artigos Relacionados