Navigator é um objeto que fornece várias propriedades para recuperar os recursos e propriedades atuais do navegador da web que ajudam os desenvolvedores a escolher o navegador certo para seu aplicativo. Esse ' Navegador ”O objeto oferece uma propriedade chamada “userAgentData” que fornece dados relacionados ao navegador da web atual, como design da interface do usuário, tamanhos de fonte ou interações para melhor se adequar ao ambiente do usuário. Existem muitas outras propriedades fornecidas pelo objeto navigator que são brevemente discutidas em nosso Artigo 1 e artigo2 .
Este blog explicará a propriedade userAgentData do objeto Navigator em JavaScript.
Como capturar a propriedade userAgentData do Navigator?
As informações fornecidas pelo “ userAgentData ”A propriedade permite que os desenvolvedores pesquisem diferentes ambientes de navegador e identifiquem quaisquer problemas que possam surgir em plataformas específicas. É acessível através do “ Navegador ”objeto. Os valores das propriedades “ marcas”, “móvel” e “plataforma ”Pode ser recuperado usando o“ userAgentData ”propriedade do objeto Navigator.
Sintaxe
O navegador “ userAgentData ”A propriedade tem a seguinte sintaxe:
navegador. userAgentData
A sintaxe acima retorna os valores para conter propriedades como “ marcas”, “móvel” e “plataforma ”Em relação ao navegador da web.
Vamos a um programa para ver a demonstração prática:
< corpo >< h1 estilo = 'cor: azulcadete;' > Linux < / h1 >< botão ao clicar = 'marcas()' > Recuperar marcas < / botão >
< botão ao clicar = 'móvel()' > Recuperar celular < / botão >
< botão ao clicar = 'plataforma()' > Recuperar marcas < / botão >
< roteiro >
marcas de função(){
console.log(navigator.userAgentData.brands)
}
função celular(){
console.log('Você está visualizando no celular: ' + navigator.userAgentData.mobile)
}
plataforma de função(){
console.log('A plataforma ou sistema operacional que você está usando:\n ' + navigator.userAgentData.platform)
}
< / roteiro >
< / corpo >
A descrição do código exibido no bloco de código acima é a seguinte:
- Primeiro, três “< botão >” são usadas tags que chamam o “ marcas()”, “móvel()” e “plataforma() ”funções personalizadas usando o ouvinte de evento “onclick”.
- Dentro do “< roteiro >”, defina a tag “ marcas ()” função que recupera informações da marca do navegador da web usando a propriedade “navigator.userAgentData.brands”. Além disso, exiba o resultado recuperado por esta propriedade no console.
- Da mesma forma, defina o “ móvel()” e “plataforma() ”Funções e utilizar o“ navigator.userAgentData.mobile” e “navigator.userAgentData.platform ”Propriedades respectivamente.
- Essas propriedades retornam os dados correspondentes no console.
O resultado final aparece assim:
A saída mostra que ao clicar no botão o valor correspondente é recuperado e exibido na janela do console.
Dica bônus: uso da propriedade userAgent do Navigator
O ' agente de usuário ”A propriedade também é fornecida pelo“ navegador ”Objeto, ele retorna o nome, versão e plataforma do navegador atual que está sendo usado pelo usuário. A demonstração prática desta propriedade do navegador é apresentada abaixo:
< corpo >< h1 estilo = 'cor: azulcadete;' > Linuxhint < / h1 >
< botão ao clicar = 'navegadorData()' > Relacionado ao navegador Dados < / botão >
< p eu ia = 'alvo' >< / p >< roteiro >
função navegadorData ( ) { console.log ( navegador.userAgent ) }
< / roteiro >
< / corpo >
O código acima é descrito como:
- Primeiro, o “< botão >” tag é usada junto com “ ao clicar ” ouvinte de evento que chama a função “browserData()”.
- A seguir, este “ dados do navegador ()” a função é definida dentro de “< roteiro >” etiqueta. Esta função utiliza o “ navegador.userAgent ”Propriedade e o resultado é exibido no console.
Pré-visualização da página web após a conclusão do código acima:
A saída mostra que os dados relacionados ao navegador da web foram recuperados e exibidos na janela do console.
Você aprendeu o procedimento para compreender a propriedade userAgentData do navegador.
Conclusão
O ' navegador.userAgentData ”Recupera os valores específicos do navegador, o que ajuda muito quando os desenvolvedores estão criando o aplicativo especificamente para um ou vários navegadores da web. Esta propriedade pode recuperar os valores para “ marcas”, “móvel” e “plataforma ”strings, os valores retornados variam de navegador para navegador. A string precisa ser anexada ao lado de “ navegador.userAgentData ”Propriedade para retornar o valor apenas para essa string. Este blog explicou com sucesso o processo de uso da propriedade navigator.userAgentData em JavaScript.