Verificar se está em aba anônima em JavaScript

Neste artigo você vai aprender a como verificar se está em aba anônima em JavaScript, podendo identificar usuários que acessam por este modo

Fala programador(a), beleza? Bora aprender a como fazer esta validação de aba ou modo anônimo!

Para criar esta funcionalidade vamos utilizar a FileSystem API, que é uma API que representa um sistema de arquivos e é desabilitada em modo anônimo

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Porém vale ressaltar que é uma funcionalidade experimental, pode não funcionar da mesma maneira em todos os navegadores

Claro que isso é na data em que escrevo este post, ou seja, final de 2020, futuramente a mesma pode vir a ser padronizada, acabando com estes problemas

Então como a mesma é desabilitada em guias anônimas, nosso único trabalho é checar se a mesma está presente

Caso positivo, o usuário não está em uma aba anônima, e caso negativo ele está

Veja então o código de exemplo:

var fs = window.RequestFileSystem || window.webkitRequestFileSystem;

fs(window.TEMPORARY, 10, function() {
   console.log("Aba normal");
}, function(error) {
   console.log("Aba anônima");
});

No código acima checamos a presença da API FileSystem, utilizando uma de suas funções

Faça os testes em aba normal e também em modo anônimo para verificar o retorno das respostas do console.log

Conclusão

Neste artigo criamos uma funcionalidade de como verificar se está em aba anônima

Utilizamos a FileSystem API, que é disponibilizada em grande parte dos navegadores

Mas devemos tomar cuidado pois nestes que ela não está implementada podemos receber um erro ao utilizar este código ou até o mesmo não funcionar corretamente

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube