{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-identificar-erros-de-layout-ocasionados-por-arquivos-javascript","locale":"pt","slug":"como-identificar-erros-de-layout-ocasionados-por-arquivos-javascript","path":"docs/pt/tutorials/storefront/layout/como-identificar-erros-de-layout-ocasionados-por-arquivos-javascript.md","branch":"main","content":"> Tutorial válido apenas para lojas CMS Portal (Legado).\n\nUma maneira de identificar se um erro apresentado no layout é ocasionado por um controle padrão da VTEX ou por um arquivo Javascript personalizado na loja é utilizar o /tools.html.\n\nPara isso faça os seguintes passos :\n\n1. Para desabilitar o JS da página basta colocar o `/tools.html` no fim da URL. Ex: \\{AccountName\\}.myvtex.com/tools.html\n2. Clique em __Disable__ na aba __Client JavaScript is__.\n\n![javascript-disable ](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-identificar-erros-de-layout-ocasionados-por-arquivos-javascript_1.png) \n\n3. Após isso, retire o `/tools.html` da URL e atualize a página.\n\nSe o erro que estava sendo apresentado é ocasionado por um Javascript externo, o mesmo não irá aparecer mais.\nCom isso é necessário ajustar esse arquivo.\n\nSobre arquivos JavaScript inseridos na página é importante seguir algumas premissas:\n\n- Utilizar JavaScript externo, e não online.\n- Verificar se o mesmo não irá interferir na performance da loja.\n\nLembrando que temos também o Vtex Speed ferramenta que possibilita o desenvolvimento local com um tempo de cache menor. [Vtex Speed - Download e Execução](https://github.com/vtex/speed)\n\nPara investigar possíveis problemas envolvendo CSS recomendamos o uso do plugin WebDeveloper - veja [aqui](/pt/tutorial/ferramentas-para-auxiliar-performance-do-e-commerce/) algumas ferramentas para melhorar a debugar problemas de customização."}