JavaScript

Informações do Navegador

Publicado por antlou em 26/03/2018

Se você trabalhar num projeto que precisa ser visto em todos os dispositivos, então você precisará ir muito além das Media Queries.
O passo seguinte será detectar a dimensão/resolução do ecrã e também o tamanho da janela usada pelo utilizador.

Aproveitando as informações nativas do navegador, este pequeno script recolhe informações tais como a resolução do ecrã, plataforma utilizada, cookies activos, entre outras informações....

As propriedades do objecto navigator utilizadas para o efeito são:

navigator.appCodeName - Retorna o nome de código do navegador
navigator.appName - Retorna o nome do navegador
navigator.appVersion - Retorna a versão do navegador
navigator.cookieEnabled - Retorna um valor booleano que especifica se os cookies estão ativados no navegador
navigator.language - Retorna o idioma do navegador
navigator.onLine - Determina se o navegador está on-line
navigator.platform - Retorna para qual plataforma o navegador é compilado
navigator.product - Retorna o nome do mecanismo do navegador
navigator.userAgent - Retorna o cabeçalho do agente utilizador enviado pelo navegador para o servidor
navigator.javaEnabled() - Retorna um valor booleano que especifica se o navegador tem Java ativado.
screen.availHeight - Retorna a altura do ecrã (excluindo a barra de tarefas do Windows)
screen.availWidth - Retorna a largura ecrã (excluindo a barra de tarefas do Windows)
screen.colorDepth - Retorna a profundidade de bits da paleta de cores para exibir imagens
screen.height - Retorna a altura total do ecrã
screen.pixelDepth - Retorna a resolução da cor (em bits por pixel) do ecrã
screen.width - Retorna a largura total do ecrã

Nota: Cada cabeçalho contém detalhes que ajudam o servidor a determinar a melhor maneira de fornecer a informação solicitada.
A sequência do userAgent pode conter detalhes opcionais chamados tokens, que devem ser colocados entre parênteses e que variam entre os diferentes programas.

A figura abaixo mostra um exemplo de userAgent enviado pelo Internet Explorer e que destaca os tokens.

Resultado:

A seguir apresento o código, utilizando linguagem JAVASCRIPT e HTML.

info_navigator.js



<html>
<head>
    <script>
    function navegador(){
    var result="";
    result += "Navegador Online: " + navigator.onLine + "<br>";
    result += "Nome de código do navegador : " + navigator.appCodeName + "<br />";
    result += "Nome do navegador: " + navigator.appName + "<br>";
    result += "Versão do navegador: " + navigator.appVersion + "<br>";
    result += "Plataforma do navegador: " + navigator.platform + "<br>";
    result += "Idioma do navegador: " + navigator.language + "<br>";
    result += "Produto do navegador: " + navigator.produt + "<br>";
    result += "Cabeçalho do navegador: " + navigator.userAgent + "<br><br>";
    /*result += "localização: " + navigator.geolocation+ "<br>";*/
    result +=("Resolução total: " + screen.width +"px ✱ "+screen.height+"px<br />");
    result +=("Resolução disponivel: "+ screen.availWidth +"px ✱ "+screen.availHeight+"px<br />");
    result +=("Profundidade Côr: " + screen.colorDepth +" bits<br>");
    result +=("Resolução Côr: " + screen.pixelDepth +" bits/px<br><br>");
                
    result += "Cookies activos: " + navigator.cookieEnabled + "<br>";
    result += "Java activo: " + navigator.javaEnabled() + "<br><br>";
            
    //pegue no documento o  id mensagem e atribua o valor da variável result ao mesmo    
    document.getElementById("info").innerHTML=result;
    }
    </script>
    
</head>
<body onload="navegador()">
    <div id="info"></div>
</body>
</html>

voltar ao topo ↑

Download Código

Espero ter sido útil. Deixe avaliação ao script.

1 votos - 5 pontos - 78 downloads
Média : 5,000

Infoscript - Desenvolvimento de websites, e-commerce e programação

Infoscript tem soluções para desenvolvimento web e programação para aproximar os seus clientes às necessidades atuais do mercado.
O design de produto, a criação de websites e lojas online entre outros, são os principais serviços que temos para lhe oferecer.
Contate-nos através do endereço geral@infoscript.pt
Nós teremos uma solução para si à medida.