O objeto window.screen contém informações sobre a tela do usuário.
Window Screen
O window.screen objeto pode ser escrita sem o prefixo janela.
propriedades:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
O screen.width propriedade retorna a largura da tela do visitante em pixels.
Exemplo
Mostrar a largura da tela em pixels:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
O resultado será:
Screen Width: 1600
Tente você mesmo " Window Screen Height
O screen.height propriedade retorna a altura da tela do visitante em pixels.
Exemplo
Mostrar a altura da tela em pixels:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
O resultado será:
Screen Height: 900 Tente você mesmo " Window Screen Largura disponível
O screen.availWidth propriedade retorna a largura da tela do visitante, em pixels, menos de interface apresenta como o Windows Taskbar.
Exemplo
Mostrar a largura disponível da tela em pixels:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
O resultado será:
Available Screen Width: 1600 Tente você mesmo " Window Screen Disponível Altura
O screen.availHeight propriedade retorna a altura da tela do visitante, em pixels, menos de interface apresenta como o Windows Taskbar.
Exemplo
Mostrar a altura disponível da tela em pixels:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
O resultado será:
Available Screen Height: 860 Tente você mesmo " Window Screen profundidade de cor
O screen.colorDepth propriedade retorna o número de bits usados para exibir uma cor.
Todos os computadores modernos usam 24 bits ou 32 bits para hardware resolução de cor:
- 24 bits = 16.777.216 diferentes "True Colors"
- 32 bits = 4294967296 diferentes "Deep Colors"
computadores mais antigos utilizados 16 bits: 65.536 resolução diferente "High Color".
computadores antigos, e os antigos celulares utilizados 8 bits: 256 diferentes "cores VGA".
Exemplo
Mostrar a profundidade de cor da tela em bits:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
O resultado será:
Screen Color Depth: 24 Tente você mesmo " Os #rrggbb (rgb) valores usados em HTML representa "True Colors" ( 16,777,216 cores diferentes)
Window Screen profundidade do pixel
O screen.pixelDepth propriedade retorna a profundidade de pixel da tela.
Exemplo
Mostrar a profundidade de pixels da tela em bits:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
O resultado será:
Screen Pixel Depth: 24 Tente você mesmo " Para computadores modernos, profundidade de cor e profundidade do pixel são iguais.