Tela da janela JavaScript
O objeto window.screen contém informações sobre a tela do usuário.
Tela da janela
O window.screen
objeto pode ser escrito sem o prefixo da janela.
Propriedades:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Largura da tela da janela
A screen.width
propriedade retorna a largura da tela do visitante em pixels.
Exemplo
Exiba a largura da tela em pixels:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Resultado será:
Screen Width: 1920
Altura da tela da janela
A screen.height
propriedade retorna a altura da tela do visitante em pixels.
Exemplo
Exiba a altura da tela em pixels:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Resultado será:
Screen Height: 10000
Largura Disponível da Tela da Janela
A screen.availWidth
propriedade retorna a largura da tela do visitante, em pixels, menos os recursos da interface, como a Barra de Tarefas do Windows.
Exemplo
Exiba a largura disponível da tela em pixels:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Resultado será:
Available Screen Width: 1920
Altura Disponível da Tela da Janela
A screen.availHeight
propriedade retorna a altura da tela do visitante, em pixels, menos os recursos da interface, como a Barra de Tarefas do Windows.
Exemplo
Exiba a altura disponível da tela em pixels:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Resultado será:
Available Screen Height: 10000
Profundidade de cor da tela da janela
A screen.colorDepth
propriedade retorna o número de bits usados para exibir uma cor.
Todos os computadores modernos usam hardware de 24 ou 32 bits para resolução de cores:
- 24 bits = 16.777.216 "True Colors" diferentes
- 32 bits = 4.294.967.296 "Cores Profundas" diferentes
Computadores mais antigos usavam 16 bits: 65.536 diferentes resoluções "High Colors".
Computadores muito antigos e celulares antigos usavam 8 bits: 256 "cores VGA" diferentes.
Exemplo
Exiba a profundidade de cor da tela em bits:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Resultado será:
Screen Color Depth: 24
Os valores #rrggbb (rgb) usados em HTML representam "True Colors" (16.777.216 cores diferentes)
Profundidade de Pixel da Tela da Janela
A screen.pixelDepth
propriedade retorna a profundidade de pixel da tela.
Exemplo
Exiba a profundidade de pixel da tela em bits:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Resultado será:
Screen Pixel Depth: 24
Para computadores modernos, Color Depth e Pixel Depth são iguais.