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
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