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!
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 designbrowser
: fornecer informações sobre a versãocrawler
: 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!