Fazemos o melhor que podemos para projetar e codificar sites de modo que eles tenham a aparência e o desempenho que deveriam ter, independentemente do dispositivo ou do navegador, mas a verdade é que, às vezes, precisamos codificar para um dispositivo, navegador ou rastreador específico. Seja para um hack rápido ou simplesmente para exibir um conteúdo diferente para um determinado dispositivo, o senhor acaba precisando dessas informações, userstackpara ajudar o senhor!

animação do userstack

Acesso rápido

  • Tudo o que o senhor precisa fazer é fornecer o agente do usuário para obter um resumo detalhado do dispositivo do usuário
  • O API do userstack é de uso gratuito
  • Oferece suporte a vários formatos de saída (json e xml)
  • Oferece pesquisa em massa, bem como pesquisa única
  • Aprovado pela ZenDesk, Amazon, Apple e Lyft
  • Criado por apilayer, criadores de outras APIs incríveis como currencylayer, caixa de correio, eversigne mais

Usando o userstack

Comece inscrevendo-se em seu chave de API gratuita no userstack. Depois de obter sua chave de API, o senhor pode começar a usar a API simples, mas muito útil, do userstack.

Tudo o que o senhor precisa fazer é enviar a chave da API e o agente do usuário para o ponto de extremidade e obterá um objeto lógico e informativo que descreve o dispositivo do usuário, o navegador e muito mais:

curl https://api.userstack.com/api/detect
    ?access_key=MY_API_KEY
    &ua=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3672.0 Safari/537.36
{  
   "ua":"Mozilla\/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/73.0.3672.0 Safari\/537.36",
   "type":"browser",
   "brand":"Apple",
   "name":"Mac",
   "url":"https:\/\/www.google.com\/about\/company\/",
   "os":{  
      "name":"macOS 10.14 Mojave",
      "code":"macos_10_14",
      "url":"https:\/\/en.wikipedia.org\/wiki\/MacOS_Mojave",
      "family":"macOS",
      "family_code":"macos",
      "family_vendor":"Apple Inc.",
      "icon":"https:\/\/assets.userstack.com\/icon\/os\/macosx.png",
      "icon_large":"https:\/\/assets.userstack.com\/icon\/os\/macosx_big.png"
   },
   "device":{  
      "is_mobile_device":false,
      "type":"desktop",
      "brand":"Apple",
      "brand_code":"apple",
      "brand_url":"http:\/\/www.apple.com\/",
      "name":"Mac"
   },
   "browser":{  
      "name":"Chrome",
      "version":"73.0.3672.0",
      "version_major":"73",
      "engine":"WebKit\/Blink"
   },
   "crawler":{  
      "is_crawler":false,
      "category":null,
      "last_seen":null
   }
}

O objeto retornado fornece uma grande quantidade de informações, analisadas e colocadas em seções lógicas:

  • device: is_mobile_device é uma propriedade muito útil para incorporar em seus layouts de design
  • browser: fornecer informações sobre a versão
  • crawler: permite que o usuário saiba se é um webcrawer ou um bot, e qual bot é o seu

O senhor pode fornecer parâmetros adicionais para especificar apenas as informações que deseja que sejam retornadas da API:

curl https://api.userstack.com/api/detect
    ?access_key=MY_API_KEY
    &ua=...
    &fields=device,browser.version

Como outras APIs do apilayer, o userstack permite que o senhor use JSONP:

curl https://api.userstack.com/api/detect
    ?access_key=MY_API_KEY
    &ua=...
    &callback=MY_FUNCTION_NAME

O que eu adoro nas APIs apilayer é que elas são sempre simples de usar e foram criadas para uma finalidade muito específica. O que userstack fornece é muito útil e posso confiar que é preciso e mantido. Dê uma olhada no userstack: vale a pena gastar seu tempo para obter informações precisas e úteis sobre o useragent!