O Alternar JavaScript desativa ou reativa a execução de JavaScript para o separador atual do navegador com um único clique. A página recarrega automaticamente para mostrar o resultado. Veja como uma página se comporta sem JavaScript — teste o melhoramento progressivo, verifique a renderização do lado do servidor, depure funcionalidades dependentes de JS ou verifique como os rastreadores dos motores de busca veem o seu conteúdo.
Desativar o JavaScript no Chrome normalmente exige navegar até chrome://settings, clicar em vários menus, alternar a definição e depois recarregar a página. E desativa o JavaScript para TODOS os separadores — potencialmente quebrando outros sites que tenha abertos. O Alternar JavaScript do DevSuite Pro funciona por separador, com um clique. Desligue o JavaScript para o separador atual e este recarrega mostrando a versão sem JS da página. Todos os outros separadores continuam a funcionar normalmente. Isto é essencial para testar o melhoramento progressivo (o site funciona sem JS?), verificar a renderização SSR/SSG (o que veem os rastreadores dos motores de busca?), depurar erros de JavaScript (o problema desaparece sem JS?) e testar alternativas noscript. Ligue-o novamente com outro clique — a página recarrega com a funcionalidade completa de JavaScript restaurada.
Desative o JavaScript para o separador atual com um único clique. A página recarrega automaticamente para mostrar a versão sem JS. Clique novamente para reativar. O estado da alternância é claramente mostrado (JS LIGADO / JS DESLIGADO).
Apenas afeta o separador atual. Outros separadores, outras janelas e outros sites continuam a executar JavaScript normalmente. Pode ter o JS desativado num separador e ativado noutro simultaneamente.
A página recarrega automaticamente após a alternância para garantir que a alteração entra em vigor de forma limpa. Não é necessário atualizar manualmente — a versão sem JS ou com JS carrega imediatamente.
Veja exatamente que conteúdo está disponível sem JavaScript — a mesma vista que os rastreadores dos motores de busca (Googlebot na sua passagem inicial apenas de HTML) veem. Verifique se o conteúdo crítico é renderizado no servidor, e não apenas no cliente.
Teste se a funcionalidade principal do seu site funciona sem JavaScript. Os formulários devem continuar a ser submetidos, os links devem continuar a navegar e o conteúdo deve continuar a ser legível quando o JS está desativado.
Quando o JS está desativado, um resumo mostra o que é afetado: o conteúdo dinâmico não carrega, as SPAs não navegam, os formulários podem não validar no lado do cliente e os widgets interativos serão estáticos. Ajuda-o a compreender o que esperar.
Os motores de busca podem não executar JavaScript em todos os rastreios. Desative o JS para ver o que a passagem inicial de HTML do Googlebot vê. Se o seu conteúdo, meta tags e links estiverem em falta sem JS, podem não ser indexados.
Verifique se a experiência principal do seu site funciona sem JavaScript. Utilizadores em ligações lentas, com bloqueadores de JS ou a utilizar tecnologias de apoio podem encontrar a sua versão sem JS.
Uma página está quebrada — é um erro de JavaScript ou um problema de CSS/HTML? Desative o JS. Se o problema persistir, não está relacionado com o JS. Se desaparecer, sabe que o bug está no seu código JavaScript.
Verifique se as suas tags noscript e o conteúdo alternativo sem JS são exibidos corretamente quando o JavaScript está indisponível. Garanta que os utilizadores veem uma mensagem significativa em vez de uma página em branco.
Veja quão rápido a página carrega sem qualquer execução de JavaScript. Isto mostra a performance de renderização de linha de base de HTML/CSS e ajuda a identificar quanto o JavaScript está a abrandar o carregamento inicial.
Abra o popup do DevSuite Pro e clique no ícone Alternar JavaScript. O estado atual do JS é mostrado.
Clique na alternância para desativar o JavaScript. A página recarrega para mostrar a versão sem JS. A alternância mostra "JS DESLIGADO" a vermelho.
Navegue na página sem JavaScript. Verifique se o conteúdo está visível, se a navegação funciona e se os formulários funcionam. Note o que se quebra ou degrada.
Clique novamente na alternância para restaurar o JavaScript. A página recarrega com a funcionalidade completa de JS.
Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.
