Como obter agente de usuário em javascript

Conseguir um agente de usuário em JavaScript é muito útil, pois recupera o conteúdo da web para usuários finais. Além disso, também pode ser usado para transferir informações sobre o dispositivo solicitando uma rede completamente. Além disso, a mudança do agente do usuário também oferece proteção contra malware específico para alvo. Nesses casos, colocar o agente do usuário em JavaScript é muito útil.

Este blog explicará as abordagens para obter agentes de usuário em JavaScript.

Como obter um agente de usuário em javascript?

O "agente de usuário”A propriedade fornece o cabeçalho do agente do usuário que é enviado ao servidor pelo navegador. O agente do usuário pode ser buscado usando o “agente de usuário”Propriedade em diferentes cenários. Esses cenários são os seguintes:

Exemplo 1: Obtenha o agente do usuário em JavaScript usando a função definida pelo usuário
Este exemplo em particular pode ser aplicado para obter o agente do usuário de dois navegadores diferentes com a ajuda de uma função definida pelo usuário.

Vamos dar uma olhada no seguinte snippet de código:

Obtenha o agente do usuário em JavaScript

Clique para obter agente do usuário

No código acima:

• Na primeira etapa, inclua o cabeçalho declarado.
• Depois disso, crie um botão com um anexo “ONCLICKEvento Invocando a função definida pelo usuário UserAgent ().
• Na próxima etapa, inclua o cabeçalho com o especificado “eu ia"Para conter o resultante"agente de usuário”.

Vamos continuar até a parte JavaScript do Código:

função userAgent ()
Let Get = Navigator.agente de usuário;
documento.getElementById ("USAG").INNERHTML = "User-Agent é:" + get;

No código JS acima, execute as seguintes etapas:

• Declare uma função chamada “agente de usuário()”.
• Em sua definição, aplique o “agente de usuário”Propriedade que retornará as informações sobre o nome do navegador, versão etc.

Saída (para navegador Chrome)

Saída (para o navegador Microsoft Edge)

Das saídas acima, a diferença de agente do usuário em ambos os navegadores pode ser observada.

Exemplo 2: Obtenha o agente do usuário em javascript usando instruções de switch
O "trocar”A declaração é usada para aplicar várias condições sobre as ações. Esta declaração pode ser aplicada para aplicar um cheque em vários navegadores para devolver o agente de usuário correspondente.

Sintaxe

corda.indexOf (pesquisa, início)

Na sintaxe dada:

• ““procurar”Refere -se à sequência a ser pesquisada.
• ““começar”Indica a posição inicial.

Exemplo
Vamos dar um passo no exemplo seguinte.

No exemplo a seguir, execute as seguintes etapas:

• Inclua o “cabeçalho”Para conter a mensagem resultante.
• Crie uma função e aplique o “trocar”Declaração com o especificado“boleano”Valor como seu parâmetro.
• Em sua definição, aplique um cheque no declarado “navegadores”Ao lidar com a exceção de“-1" eu.e nenhum valor encontrado.
• Além disso, aplique o “índice de()”Método para verificar a sequência contida em seu parâmetro no agente de usuário resultante. Esta condição resultará na configuração do navegador correspondente.
• Depois disso, aplique o “agente de usuário”Propriedade junto com a“tolowerCase ()”Método para obter o agente do usuário do navegador correspondente e transformá -lo em minúsculas.
• Finalmente, aplique o “InnerText”Propriedade para exibir o nome do navegador correspondente junto com seu agente de usuário.

-1:
retornar "MS Edge";
agente de caso.indexOf ("edg/")> -1:
retornar "Edge (baseado em cromo)";
agente de caso.indexOf ("OPR")> -1 && !!janela.OPR:
retornar "ópera";
agente de caso.indexOf ("Chrome")> -1 && !!janela.cromada:
retornar "Chrome";
agente de caso.IndexOf ("Safari")> -1:
retornar "Safari";
Padrão: retornar "outro";
)
(janela.navegador.agente de usuário.tolowerCase ());
documento.QuerySelector ("H3").inerText = "Você está usando" + Nome de BrowSern + "Browser";
console.Log (janela.navegador.agente de usuário.tolowerCase ());

Saída (para navegador Chrome)

Saída (para o navegador Microsoft Edge)

Nas saídas acima, é evidente que ambos os navegadores são detectados junto com seus agentes de usuário.

Todas as abordagens convenientes foram discutidas para obter agente de usuário em JavaScript.

Conclusão

O "agente de usuário”Pode ser buscado para vários navegadores com a ajuda de“usuário definido”Função e também a“trocar”Declaração em JavaScript. O exemplo anterior é simples e pode ser implementado para obter o agente do usuário do navegador correspondente e devolvê -lo como um título. A última abordagem lida com vários navegadores com base no valor da string contida neles e retorna o agente do usuário do navegador correspondente. Este artigo explica como obter um agente de usuário em javascript.