Como detectar se o JavaScript está desabilitado?

Neste artigo você vai aprender a como detectar se o JavaScript está desabilitado, utilizando uma simples tag do HTML

Fala programador(a), beleza? Bora aprender mais sobre tags do HTML e também JavaScript!

A técnica mais escolhida atualmente para checar o status do JS é a tag noscript

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Isso por que é uma abordagem a nível navegador, e pode impedir o cliente de prosseguir caso o seu JavaScript seja desabilitado

Muitas aplicações de hoje em dia necessitam do JS, então essa é uma boa estratégia

Veja a aplicação do recurso na prática:

<noscript>
 <p>JavaScript desabilitado!</p>
</noscript>

Então sempre que o navegador reconhecer a falta do JS, o HTML entre esta tag será exibido em vez do HTML normal da aplicação

Obs: Você deve inserir a noscript dentro da tag body!

Lembre-se também que é possível colocar CSS por meio da tag style, então você pode fazer uma representação e um aviso mais interessante também nestas condições

Por exemplo: explicando a importância do JS ativado e também como ativar o JavaScript no navegador

Conclusão

Neste artigo você aprendeu a como detectar se o JavaScript está desabilitado

Utilizamos a tag noscript, que deve ser inserida dentro da tag body

Lembre que você adicionar qualquer tag HTML e também CSS nesta tag, para dar um aviso ao usuário do seu site sobre o JS desabilitado

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!