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.
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 SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
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 que o seu Mac. No modo de visualização, há um botão com um antena símbolo localizado no canto superior esquerdo do quadro principal do aplicativo. Clicar neste botão abrirá um menu pop-up com duas opções.
Visualização do lançamento aéreo
A primeira opção permitirá que você compartilhe de forma rápida e fácil o URL de visualização com outros dispositivos na mesma rede local via Air Drop. URLs compartilhados usando Air Drop são abertos automaticamente no navegador do dispositivo receptor.
Se você achar que as opções Air Drop não estão disponíveis ou seu dispositivo não aparece como disponível, temos este guia de solução de problemas dedicado isso pode ajudá-lo a resolver o problema.
Copiar URL de visualização
O segundo botão copiará o URL da rede local para a área de trabalho do seu Mac. Inserir este 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.