Introdução ao Navigator em JavaScript
Navegador em JavaScript é um objeto que fornece detalhes sobre o navegador que o usuário usa para acessar o aplicativo Web. Como temos o DOM (Document Object Model) para controlar a manipulação dos dados, da mesma forma, temos o Browser Object Model (BOM) que nos fornece o controle de como os aplicativos são visualizados no navegador. Algumas das entidades da lista técnica são:
- História
- Localização
- Tela
- Documento
- Navegador
O objeto de navegador JavaScript auxilia na personalização de nosso aplicativo com base no navegador do usuário e em quais entidades são ativadas ou desativadas nas configurações do navegador, porque sabemos que todos os navegadores são diferentes entre si e manipulam o JavaScript de maneira diferente.
Este artigo explica o navegador da BOM que o JavaScript utiliza.
Propriedades do Navegador em JavaScript
O JavaScript Navigator fornece vários métodos e propriedades que podem ser usados para obter informações interessantes sobre o navegador do usuário. Isso pode ajudar o programador a detectar e descobrir quais funcionalidades são suportadas pelo navegador ou não.
Agora, sabemos que o objeto navigator ajuda a detectar que tipo de navegador o usuário usou. Nesta seção do artigo, discutiremos propriedades e métodos comumente usados do objeto navigator e obteremos algumas informações sobre nosso navegador.
O objeto navigator é uma propriedade de janela que pode ser acessada por
window.navigator or navigator
Como a janela é um objeto global e está no topo da cadeia de escopo, ela pode ser acessada sem adicionar o prefixo da janela.
Tabela 1: Propriedades do objeto Navigator
Abaixo são mencionadas algumas propriedades de objetos do navegador
| Propriedade | Descrição |
| appCodeName | Retorna o codinome do navegador |
| nome do aplicativo | Retorna o nome do navegador |
| appVersion | Retorna as informações da versão do navegador |
| cookieEnabled | Determina se os cookies estão ativados no navegador |
| geolocalização | Retorna um objeto de geolocalização que pode ser usado para localizar a posição do usuário |
| língua | Retorna o idioma do navegador |
| conectados | Determina se o navegador está online |
| plataforma | Retorna para qual plataforma o navegador é compilado |
| produtos | Retorna o nome do mecanismo do navegador |
| agente de usuário | Retorna o cabeçalho do agente do usuário enviado pelo navegador ao servidor |
Tabela 2: Métodos do objeto Navigator
| Método | Descrição |
| javaEnabled () | Especifica se o navegador tem ou não o Java ativado. |
| taintEnabled () | Removido na versão 1.2 do JavaScript. Especifica se o navegador tem a contaminação de dados ativada. |
A contaminação de dados permite que uma janela veja as propriedades em outra janela e é removida, pois provou ser um risco de alta segurança.
Exemplo 1
Propriedades e métodos do navegador
Código:
document.write(" Code Name of the Browser : ", navigator.appCodeName + "
");
document.write(" Name of the Browser : ", navigator.appName + "
");
document.write(" Cookies Enabled : ", navigator.cookieEnabled + "
");
document.write(" Platform of the Browser : ", navigator.platform + "
");
document.write(" Browser in onLine Mode : ", navigator.onLine + "
");
document.write(" Java Enabled : ", navigator.javaEnabled());
Resultado:
Um ponto importante a lembrar é que navigator.appCodeName sempre resulta em "Mozilla" devido a motivos de compatibilidade. Além disso, usamos Chrome, Firefox, IE11 ou Safari. A propriedade appName do objeto navigator sempre resultará em "Netscape". Também precisamos ter em mente que, muitas vezes, as informações retornadas do objeto navegador podem estar erradas ou enganosas, pois os dados retornados pelo objeto navegador podem ser alterados pelo usuário, o navegador não relata um novo sistema operacional lançado após o navegador, diferente navegadores podem usar o mesmo nome. As propriedades dos objetos do navegador são propriedade somente leitura. Além das propriedades e métodos, o JavaScript Navigator possui mais um recurso conhecido como Coleções.
Tabela 3: Coleções do objeto Navigator
A tabela abaixo lista as coleções presentes no objeto do navegador JavaScript e, em seguida, veremos um exemplo dele.
| Coleção | Descrição |
| plugins () | retorna uma referência a todos os objetos incorporados no documento |
| mimeTypes | retorna uma coleção de tipos MIME suportados pelo navegador do cliente |
A propriedade mime possui três campos predefinidos:
- nome - o nome do tipo MIME (video / mpeg)
- description - descrição do tipo
- sufixos - lista de todos os sufixos de arquivo possíveis (extensões de arquivo) para o tipo MIME.
Exemplo 2
Coleção JavaScript Navigator
Código:
var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")
Resultado:
Exemplo 3
Propriedade JavaScript Navigator - geolocalização
Código:
navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)
Resultado:
Ajuda a fornecer a localização do usuário, mas requer a permissão do usuário para compartilhar sua localização. A localização geográfica é muito mais precisa para dispositivos com GPS. Essa propriedade também é propriedade somente leitura.
Conclusão
Aprendemos como obter informações do navegador usando JavaScript e como o objeto Navegador nos ajuda a obter informações como nome, versão, plataforma etc. do navegador do usuário e se os cookies estão ativados ou não no navegador do usuário. Lembre-se de que alguns navegadores fornecem informações falsas apenas para ignorar os testes do site.
Artigos recomendados
Este foi um guia para o Navegador em JavaScript. Aqui também discutimos as propriedades do navegador em JavaScript, juntamente com os exemplos. Você também pode dar uma olhada nos seguintes artigos para saber mais:
- Como funciona o JavaScript
- JavaScript vs JQuery
- TypeScript vs JavaScript
- HTML5 vs JavaScript
- Coleções PL / SQL | Sintaxe, Tipos, Exceções
- Como os cookies funcionam em JavaScript?