Vamos ao estudo do Objeto “screen”, onde podemos visualizar os valores relacionado com a tela do usuário.
Este objeto tem as propriedades abaixo:
- availHeight – Retorna a altura da tela, removendo o espaço utilizado pela barra de tarefas do Windows;
- availWidth – Retorna a largura da tela, removendo o espaço utilizado pela barra de tarefas do Windows;
- colorDepth – Retorna a quantidade de bits da paleta de cores para exibição das imagens;
- height – Retorna a altura completa da tela;
- pixelDepth – Retorna a resolução de cor (em bits por pixel) da tela;
- width – Retorna a largura completa da tela;
Agora vamos ao exemplo que demonstra os resultados de acordo com a sua tela:
<html> <body> <script type="text/javascript"> document.write("Meu availHeight: "+ screen.availHeight +"<br />"); document.write("Meu availWidth: "+ screen.availWidth +"<br />"); document.write("Meu colorDepth: "+ screen.colorDepth +"<br />"); document.write("Meu height: "+ screen.height +"<br />"); document.write("Meu pixelDepth: "+ screen.pixelDepth +"<br />"); document.write("Meu width: "+ screen.width +"<br />"); </script> </body> </html>
Espero que tenha sido útil a quem estiver necessitando destas informações! Não deixe de comentar e dar seu voto. Abraços!