Rogério Lino

Web development and tips

Simple Javascript Support Detection

Partindo do princípio que o seu navegador não suporta javascript e depois contrariando via o próprio javascript, é possível fazer uma simples verificação se o navegador do usuário está com javascript habilitado ou não.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!DOCTYPE html>
<html class="no-js" lang="pt-BR">
<head>
    <title>JS detection</title>
    <script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>

    <style>
        .js .alert-danger { display: none; }
        .no-js .alert-success { display: none; }
    </style>
</head>
<body>

    <div class="alert alert-danger">O seu navegador não possui suporte à <b>Javascript</b></div>

    <div class="alert alert-success">O suporte à <b>Javascript</b> está ativado</div>

</body>
</html>

Visualizar demo online.

Comments