{"section":"faq","requestedLocale":"pt","requestedSlug":"como-bloquear-customizacoes-para-investigar-problemas-no-front-end-da-loja","locale":"pt","slug":"como-bloquear-customizacoes-para-investigar-problemas-no-front-end-da-loja","path":"docs/pt/faq/shopping/como-bloquear-customizacoes-para-investigar-problemas-no-front-end-da-loja.md","branch":"main","content":"> ⚠️ Tutorial válido apenas para lojas [CMS Portal (Legado)](https://help.vtex.com/pt/docs/tracks/cms-portal-legado).\n\nNeste artigo, você vai aprender a identificar a origem de um problema front-end. O primeiro passo é bloquear as customizações de front-end. Com base na resposta do site, será possível entender se o problema está na informação fornecida nativamente pela VTEX ou na customização da sua página.\n\nPara fazer isso, vamos ensinar a remover as customizações por meio de uma ferramenta nativa do próprio Chrome, o **DevTools**.\n\n## Como configurar o DevTools\n\nPara configurar o [Chrome DevTools](https://developer.chrome.com/docs/devtools/), siga os passos a seguir. \n\n1. Abra o [Google Chrome](https://www.google.com/intl/pt-BR/chrome/) no seu computador.\n2. Clique no botão `F12` do seu teclado ou clique com o botão direito do mouse em qualquer parte da tela e selecione **Inspecionar**.\n3. Clique nos três pontos verticais na parte superior direita da página, conforme indicado na imagem abaixo.\n4. Selecione **Mais ferramentas** e, em seguida, **Condições de solicitação** para bloquear todas as customizações feitas por meio de CSS, JavaScript e Google Tag Manager. \n\n  ![legado-02](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/faq/shopping/legado-02.png)\n\n5. Na aba **Condições de solicitação**, clique em `Add rule` para definir o primeiro recurso a ser bloqueado. Para adicionar mais recursos, clique em `+` e, depois de definir, clique em `Adicionar`. Essa configuração precisa ser feita apenas uma vez no seu navegador. Inclua os itens abaixo:\n\n * `*:/arquivos/*.js`\n * `*:/files/*js`\n * `*:/arquivos/*.css`\n * `*:/files/*.css`\n * `*://www.googletagmanager.com/gtm.js*`\n\n  ![request-conditions-02](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/faq/shopping/request-conditions-02.png)\n\n6. Marque a opção **Ativar bloqueio e limitação** e habilite todos os checkboxes ao lado de cada recurso configurado. Essa será a configuração padrão, com todas as opções habilitadas para bloqueio.\n7. Agora, atualize a página. Ela será exibida sem os componentes customizados.\n\nPara voltar a visualizar as customizações, desmarque a opção **Ativar bloqueio e limitação** e atualize a página.\n\nVerifique se o comportamento indesejado que você observou originalmente ocorre apenas com a customização ativa. Se for o caso, entre em contato com o time responsável pelo seu front-end para que verifique o que está ocorrendo.\n\nSe, mesmo com as customizações bloqueadas, o comportamento indesejado persistir, abra um chamado ao [suporte da VTEX](https://supporticket.vtex.com/support)."}