Navegador e camadas
O Navegador mostra a estrutura da sua página como uma hierarquia de seções, contêineres e elementos.
Use-o quando precisar selecionar um item aninhado, entender como uma página é construída, revisar contêineres ou trabalhar com seções modais.
O que o Navegador mostra
O Navegador reflete a mesma estrutura de página aninhada usada pela tela do construtor.
| Área do navegador | O que representa |
|---|---|
| Página | Seções da página principal e os elementos dentro delas. |
| Modal | Seções modais quando a página inclui conteúdo modal. |
| Linhas aninhadas | Contêineres e elementos dentro de um item pai. |
| Item ativo | A seção, contêiner ou elemento atualmente selecionado. |
Por que usar o Navigator
A tela é melhor para edição visual. O Navigator é melhor para edição estrutural.
Use o Navegador para:
- Selecione um contêiner que seja difícil de clicar na tela.
- Confirme onde um elemento está aninhado.
- Expandir ou recolher a hierarquia de páginas.
- Encontre elementos dentro de seções complexas.
- Trabalhe com conteúdo modal separadamente da página principal.
- Reordene os itens suportados arrastando e soltando.
Selecionando um item
Clique em um item no Navegador para selecioná-lo no construtor.
Quando você seleciona um item, Atomicat rola a área de tela relacionada e abre a interface de edição desse item. Se o item estiver dentro de um modal, o construtor abre o contexto modal para que você possa editá-lo com segurança.
Comportamento de expansão e recolhimento
O Navigator suporta expansão e recolhimento de camadas de páginas para que páginas grandes sejam mais fáceis de inspecionar.
Use expandir/recolher quando:
- A página tem muitos contêineres repetidos.
- Você está revisando um template.
- Você precisa se concentrar em uma seção de cada vez.
- Você deseja reduzir o ruído visual durante a edição.
Trabalhando com camadas modais
As seções modais são separadas da estrutura da página principal no Navegador. Isso ajuda a evitar confundir o conteúdo modal com o conteúdo padrão da página.
Use a área Modal ao editar pop-ups, sobreposições ou outras seções baseadas em modais.
Melhores práticas
- Use o Navegador antes de excluir ou mover contêineres complexos.
- Verifique o contêiner pai antes de editar o espaçamento ou alinhamento.
- Mantenha o aninhamento de seção legível para futuros editores.
- Use uma estrutura de página clara para que formulários, botões e elementos de rastreamento sejam mais fáceis de revisar.
Documentos relacionados
Perguntas frequentes
Por que usar o Navegador em vez de clicar na tela?
O Navegador é mais confiável quando elementos estão aninhados, sobrepostos, escondidos atrás de outros blocos ou dentro de conteúdo modal.
O que a área Modal mostra?
A área Modal separa conteúdo de pop-up ou overlay da estrutura principal da página para que você edite seções modais sem confundi-las com seções normais.
Posso usar o Navegador para revisar a estrutura da página?
Sim. Expanda seções e contêineres para confirmar onde formulários, botões, elementos ligados a rastreamento e blocos repetidos de layout estão posicionados.
O que devo verificar antes de excluir uma camada?
Confirme a seção pai, elementos filhos, comportamento mobile e qualquer formulário, botão, produto, quiz ou script conectado antes de excluir ou mover a camada.