JavaScript

Como detectar dispositivo iOS com JavaScript

28 de janeiro de 2022

Como detectar dispositivo iOS com JavaScript

Neste artigo você vai aprender a como detectar dispositivo iOS com JavaScript, a partir de uma função super simples

detectar dispositivo iOS com JavaScript capa

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x