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

Práticas recomendadas para a interface do usuário do AEM

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

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. 

 

27.06.2019 11:36:01.450 *ERROR* [0:0:0:0:0:0:0:1 [1561649761160] POST /libs/granite/ui/content/dumplibs.rebuild.html HTTP/1.1] com.adobe.granite.ui.clientlibs.processor.gcc.impl.YUIScriptProcessor Processed /apps/acs-commons/components/dam/custom-component-activator/clientlib/activator.js. 1 error(s), 0 warning(s) 
27.06.2019 11:36:01.450 *DEBUG* [0:0:0:0:0:0:0:1 [1561649761160] POST /libs/granite/ui/content/dumplibs.rebuild.html HTTP/1.1] com.adobe.granite.ui.clientlibs.impl.HtmlLibraryBuilderImpl processing /apps/acs-commons/components/dam/custom-component-activator/clientlib with processor yui for mode min rejected.
  • 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:
25.02.2019 18:29:31.815 *INFO* [10.98.144.110 [1551119371795] GET /content/support/en_US/security.html HTTP/1.1] org.apache.sling.xss.impl.HtmlToHtmlContentContext AntiSamy warning: The a tag contained an attribute that we could not process. The rel attribute had a value of "noopener noreferrer". This value could not be accepted for security reasons. We have chosen to remove this attribute from the tag and leave everything else in place so that we could process the input.
  • 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
Logotipo da Adobe

Fazer logon em sua conta