Neste artigo você vai aprender a como detectar dispositivo iOS com JavaScript, a partir de uma função super simples
Fala programador(a), beleza? Bora aprender mais sobre iOS e a linguagem JavaScript!
É bem comum que haja a necessidade de detectar resolução de tela e até mesmo o dispositivo utilizado pelo usuário da nossa aplicação
Para a verificação de dispositivos, JavaScript possui um objeto chamado navigor
Que pode checar o userAgent e a platform, com estes dois itens podemos extrair o que o usuário está utilizando
Há um snippet bem famoso que prevê todos os casos de iOS, e utiliza os recursos acima mencionados
Veja o código:
function iOS() {
return [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
].includes(navigator.platform)
// iPad on iOS 13 detection
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}
console.log(iOS()) // true or false
Esta função faz a validação do tipo de dispositivo do usuário, retornando true ou false
Caso o usuário esteja utilizando um iOS, teremos o retorne de true
Então a partir desta resposta podemos fazer as ações necessárias para usuários deste sistema operacional
Como mencionado também, a função acima prevê todos os possíveis resultados para iOS até os dias de hoje
Conclusão
No artigo de hoje você aprendeu a como detectar dispositivo iOS com JavaScript
Criamos nossa própria função para isso, ela verifica o dispositivo utilizado por meio do objeto navigator
Que é uma ferramenta nativa da linguagem JavaScript
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!