Navegador de janelas JavaScript

Índice

    Mostrar índice

O objeto window.navigator contém informações sobre o navegador do visitante.

Navegador de janelas

O objeto window.navigator pode ser escrito sem o prefixo window.

Alguns exemplos:

  • navigator.cookieEnabled

  • navigator.appCodeName

  • navigator.platform

Cookies do navegador

A propriedade cookieEnabled retorna verdadeiro se os cookies estiverem habilitados, caso contrário falso:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The cookieEnabled property returns true if cookies are enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>

</body>
</html>

Nome do aplicativo do navegador

A propriedade appName retorna o nome do aplicativo do navegador:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appName property returns the application name of the browser:</p>

<p id="demo"></p>

<p>Strange enough, "Netscape" is the application name for IE11, Chrome, Firefox, and Safari.</p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appName is " + navigator.appName;
</script>

</body>
</html>

Aviso

Esta propriedade foi removida (obsoleta) no padrão da web mais recente.

A maioria dos navegadores (IE11, Chrome, Firefox, Safari) retorna Netscape como appName.

Nome do código do aplicativo do navegador

A propriedade appCodeName retorna o nome do código do aplicativo do navegador:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.appCodeName is " + navigator.appCodeName;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Navigator</h2>

<p>The appCodeName property returns the code name of the browser.</p>

<p>Do not rely on it! "Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appCodeName is " + navigator.appCodeName;
</script>

</body>
</html>

Aviso

Esta propriedade foi removida (obsoleta) no padrão da web mais recente.

A maioria dos navegadores (IE11, Chrome, Firefox, Safari, Opera) retorna Mozilla como appCodeName.

O mecanismo do navegador

A propriedade product retorna o nome do produto do mecanismo do navegador:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.product is " + navigator.product;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The product property returns the product name of the browser.</p>

<p>Do not rely on it! Most browsers returns "Gecko" as product name!</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>

</body>
</html>

Aviso

Esta propriedade foi removida (obsoleta) no padrão da web mais recente.

A maioria dos navegadores retorna Gecko como produto.

A versão do navegador

A propriedade appVersion retorna informações de versão sobre o navegador:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appVersion property returns version information about the browser:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

</body>
</html>

O agente do navegador

A propriedade userAgent retorna o cabeçalho do agente do usuário enviado pelo navegador ao servidor:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The userAgent property returns the user-agent header sent by the browser to the server:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>

</body>
</html>

Aviso

As informações do objeto navegador muitas vezes podem ser enganosas.

O objeto navegador não deve ser usado para detectar versões de navegador porque:

  • Navegadores diferentes podem usar o mesmo nome

  • Os dados do navegador podem ser alterado pelo proprietário do navegador

  • Alguns navegadores se identificam incorretamente para ignorar os testes do site

  • Os navegadores não podem relatar novos sistemas operacionais lançados posteriormente ao navegador

A plataforma do navegador

A propriedade platform retorna a plataforma do navegador (sistema operacional):

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The platform property returns the browser platform (operating system):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.platform is " + navigator.platform;
</script>

</body>
</html>

O idioma do navegador

A propriedade idioma retorna o idioma do navegador:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The language property returns the browser's language:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.language is " + navigator.language;
</script>

</body>
</html>

O navegador está online?

A propriedade onLine retorna verdadeiro se o navegador estiver online:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The onLine property returns true if the browser is online:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.onLine is " + navigator.onLine;
</script>

</body>
</html>

O Java está habilitado?

O método javaEnabled() retorna verdadeiro se o Java estiver habilitado:

Exemplo

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The javaEnabled() method returns true if Java is enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"javaEnabled is " + navigator.javaEnabled();
</script>

</body>
</html>