Existem muitas formas de detectar se o acesso é feito via mobile, tablet ou celular. Iremos nesta rápida dica indicar uma maneira que leva em consideração apenas o tamanho da tela.
Sabemos que existem milhares de outras formas mais precisas. Mas esta é bem simples e pode servir para muitas situações, por isto compartilhamos abaixo:
if( window.matchMedia("only screen and (max-width: 760px)").matches ) {
/*Sim, sou provavelmente um dispositivo móvel*/
} else {
/*Não. É bem provável que eu não seja um dispositivo móvel*/
}
}
A base do código acima e uma pouco de imaginação podem criar bastantes funcionalidades interessantes.
Artigos relacionados:
Como identificar o tipo de uma variável em JavaScript
Maneira mais eficiente para detectar ad blockers
Como desabilitar o clique direito do mouse usando jQuery
Como verificar via javascript se o navegador tem suporte a tag template
Como gerar um arquivo simples para download no browser usando JavaScript
Método cross-browser para detectar que a página foi carregada em JavaScript Puro (vanilla)
Como detectar se o navegador suportar imagens do tipo Webp
Leitura dinâmica usando javascript
Copiar / Cortar / Colar para o clipboard usando JavaScript