Ao editar páginas em AEM, vários modos estão disponíveis, incluindo o modo Desenvolvedor . Isso abre um painel lateral com várias guias que fornecem ao desenvolvedor informações sobre a página atual. As três guias são:
Isso ajuda um desenvolvedor a:
Modo de desenvolvedor:
Está disponível somente na interface habilitada para toque (ao editar páginas).
Não está disponível em dispositivos móveis ou janelas pequenas no desktop (devido a restrições de espaço).
Está disponível somente para usuários que são membros do administrators
grupo.
O modo Desenvolvedor só está disponível em uma instância de autor padrão que não está usando o modo de execução nosamplecontent.
Se necessário, ele pode ser configurado para uso:
Deve ser desativado novamente após a utilização.
Consulte o:
O modo Desenvolvedor é implementado como um painel lateral para o editor de páginas. Para abrir o painel, selecione Desenvolvedor no seletor de modo na barra de ferramentas do editor de páginas:
O painel é dividido em duas guias:
Componentes - Mostra uma árvore de componentes, semelhante à árvore de conteúdo para autores
Erros - Quando ocorrem problemas, os detalhes são mostrados para cada componente.
Isso mostra uma árvore de componentes que:
Descreve a cadeia de componentes e modelos renderizados na página (SLY, JSP, etc.). A árvore pode ser expandida para mostrar o contexto na hierarquia.
Mostra o tempo computacional do lado do servidor necessário para renderizar o componente.
Permite expandir a árvore e selecionar componentes específicos dentro da árvore. A seleção fornece acesso aos detalhes do componente; como:
Os componentes selecionados (no fluxo de conteúdo, indicado por uma borda azul) serão realçados na árvore de conteúdo (e vice-versa).
Isso pode ajudar a:
Cada entrada de componente pode mostrar (por exemplo):
Exibir detalhes: um link para uma lista que mostra:
Editar script: um link que:
Expandir uma entrada de componente (cabeça de seta) também pode mostrar:
Alguns links apontam para scripts em /libs
. No entanto, esses são apenas para referência, você não deve edite qualquer item em /libs
, como qualquer alteração feita, pode ser perdida. Isso se deve ao fato de que essa ramificação está sujeita a alterações sempre que você atualiza ou aplica um hotfix/pacote de recursos. Quaisquer alterações necessárias devem ser feitas em /apps
, consulte Sobreposições e substituições.
Espero que a variável Erros sempre estará vazia (como acima), mas quando ocorrerem problemas, os seguintes detalhes serão mostrados para cada componente:
Por exemplo, em uma situação em que um método indefinido é chamado, o erro resultante será mostrado na função Erros guia :
A entrada de componente na árvore da guia Componentes também será marcada com um indicador quando ocorrer um erro.
No AEM 6.2, os recursos de teste do modo Desenvolvedor foram reimplementados como um aplicativo de Ferramentas independente.
Para obter detalhes completos, consulte Testar sua interface do usuário.