Verificar permissão de cookies em JavaScript. Dica 24

Neste vídeo conferimos como verificar se o navegador da pessoa que está visitando seu site permite ou não permite o uso de cookies.

O vídeo complementa o texto e o texto completa o vídeo, assista.

Lembrando que nesta dica nós apenas vamos verificar se os cookies são permitidos ou não, nada além disso.

O código fonte HTML inicial está com um JS linkado e uma tag p com um id. Nesta dica iremos escrever se cookies estão liberados ou não, nesta tag.

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript dica 24</title>
        <script src="js24.js"></script>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>JavaScript dica 24</h1>
        <p id="veCookies"></p>
</body>
</html>

Em nossa tag body iremos declarar o evento onload.

Evento onload

O evento onload é bastante utilizado na tag body pois, executa um script depois que todo o site foi carregado.

Neste caso nós já informamos uma função que utilizaremos no JS. Nosso arquivo JS inicialmente está em branco e, vamos começar a escrever nosso JS pela função que acabamos de declarar no HTML.

function verificarCookies () {
}

Dentro dessa função teremos um if.

function verificarCookies () {
if () {
}
}

Dentro do nosso if (condição) nós iremos verificar o navegador do usuário com o objeto navigator, juntamente com a propriedade cookieEnabled, para verificar se os cookies estão liberados ou não.

if (navigator.cookieEnabled == true) {
}

Se os cookies estiverem permitidos eu vou escrever cookies permitidos, e se não estiverem permitidos vou escrever cookies não permitidos, por isso precisamos de um else.

    if (navigator.cookieEnabled == true) {
    }else{
    }

Eu explico essa parte de outro jeito no vídeo mas, para entendermos essa função e o próprio if else achei mais interessante explicar pelo document.getElementById.

document.getElementById("veCookies").innerHTML = texto;

Nós vamos escreve um texto em nossa tag p, e neste caso, essa palavra texto é uma variável. Variável esta que estará no if, no else e, precisa ser declarada.

var texto = "";

Lembrando que o valor do texto virá do nosso if e else.

    if (navigator.cookieEnabled == true) {
        texto = "Cookies permitidos.";
    }else{
        texto = "Cookies não permitidos.";
    }

Por mais que eu goste de receber centenas de visualizações em cada dica pelo site, e estou trabalhando para que se tornem milhares, é chato ver que muitas vezes, menos de 2% das pessoas que visualizam as dicas assistem os vídeos.

Código fonte JS completo.

Confira outras dicas de JS do site. Já temos muito mais que o básico.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.