Solução de problemas de interface do usuário no AEM

• Personalização de criação de página: práticas recomendadas para personalizar a funcionalidade de criação de página (e os consoles) da sus instância de criação.
• Personalização de consoles: práticas recomendadas para personalizar os consoles (e a funcionalidade de criação de páginas) da sua instância de criação.
• RTE Deep Dive: práticas recomendadas para as configurações de rich text e o uso de RTE no AEM.

Depuração de problemas da interface de usuário

• Extensão do AEM Chrome - Esta extensão do navegador pode ser usada em ambientes não relacionados à produção para depurar por que a interface está lenta ou corrompida.  A extensão permite visualizar o processamento da solicitação do sling (filtros executados, qual servlet, manipuladores de erros, componentes, recursos do sling, etc.). e quaisquer consultas JCR executadas durante o carregamento da página.
• Depuração de problemas do lado do cliente na interface de usuário de toque - Várias etapas na depuração de problemas do lado do cliente.
• Uso do Modo de desenvolvedor do AEM para depurar os problemas de componentes - Útil ao depurar os componentes durante o desenvolvimento ou em ambientes não relacionados à produção.

Problemas de Clientlibs

O que são clientlibs no AEM - Sites modernos dependem significativamente de processamentos do lado do cliente impulsionados por códigos JavaScript e CSS complexos. Organizar e otimizar a veiculação desse código pode ser um problema complicado.

Para ajudar a lidar com esse problema, o AEM fornece Pastas da biblioteca do lado do cliente, que permitem armazenar o código do lado do cliente no repositório, organizá-lo em categorias e definir quando e como cada categoria de código será veiculada ao cliente. O sistema de bibliotecas do lado do cliente cuida da produção dos links corretos na página da Web final para carregar o código correto.

Uma das clientlibs incorporadas não está carregando:

 Use o procedimento a seguir para ver os nomes de todos os arquivos incorporados:

• Na caixa de endereço do seu navegador, adicione o seguinte texto ao URL do seu HTML:

  ?debugClientLibs=true

• Quando a página carregar, visualize a fonte da página.
• Clique no link fornecido como href para o elemento do link para abrir o arquivo e visualizar o código-fonte.

Poucas clientlibs não estão sendo diminuídas:

• Verifique se a opção de diminuição está ativada no Gerenciador da biblioteca HTML do AEM.
• Se ainda houver um problema, configure um agente de depuração para verificar se há erros de sintaxe. Siga as etapas abaixo :
  • Vá para http://<host>:<port>/system/console/slinglog
  • Clique em "adicionar novo agente de log"
  • Defina Nível de Log para Depurar
  • Altere o nome do arquivo de log para "clientlibs.log"
  • Adicione a seguinte classe no campo "Agente de log":
    com.adobe.granite.ui.clientlibs
  • Clique em Salvar.
    
• Se vir erros semelhantes aos abaixo, isso significa que existem alguns erros de sintaxe no arquivo clientlibs. 

• Você também pode tentar mudar o processador de scripts de YUI para GCC, pois pode haver alguns arquivos js mais novos que podem ser processados apenas pelo processador mais recente.

Problemas de RTE

Sempre instale o SP/CFP mais recente antes de testar qualquer funcionalidade de RTE.

O RTE está removendo atributos:

• Se alguns atributos forem removidos do RTE após o salvamento, isso pode ser devido à estrutura de segurança XSS que foi introduzida para impedir a criação de scripts entre sites.
• Você verá mensagens semelhantes às abaixo nos arquivos de log:

• Nesse caso, você pode sobrepor o "/libs/cq/xssprotection/config.xml" e atualizar as regras de segurança conforme as necessidades de sua empresa, mas isso vai expôr a instância do AEM a scripts entre sites e não são recomendadas pela Adobe