Tela do JS Window

O objeto window.screen contém informações sobre a tela do usuário.

Objeto de tela

window.screenO objeto pode ser usado para exibir a resolução da tela (largura e altura da tela), profundidade de cor, profundidade de pixel, etc.

window.screenPode ser usado com abreviação sem prefixo (window.).

screenO objeto possui as seguintes propriedades:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

A próxima seção mostrará como usar as propriedades do objeto screen do objeto janela para obter informações de exibição do usuário.

Largura da tela

screen.widthA propriedade retorna a largura total da tela do visitante (em pixels).

var x = screen.width;

Altura da tela

screen.heightA propriedade retorna a altura total da tela do visitante (em pixels).

var x = screen.height;

Largura da tela disponível

screen.availWidthA propriedade retorna a largura da área da tela disponível para a janela do aplicativo (em pixels).

A área da janela do aplicativo é a área total da tela, exceto a barra de tarefas.

var x = screen.availWidth;

Altura da tela disponível

screen.availHeightA propriedade retorna a altura da área da tela disponível para a janela do aplicativo (em pixels).

A área da janela do aplicativo é a área total da tela, exceto a barra de tarefas.

var x = screen.availHeight;

Profundidade de cor da tela do Windows

screen.colorDepthA propriedade retorna a profundidade de cor da tela do usuário.

A profundidade de cor é usada para representar o número de bits de cor de um único pixel.

A profundidade de cor representa quantas cores o dispositivo de tela pode gerar.

Por exemplo, a profundidade de cor de8A tela pode gerar256cores (2 ⁸)

var x = screen.colorDepth;

Atualmente, a maioria dos dispositivos de tela tem24ou32Profundidade de cor. Em termos simples, mais bits geram mais variações de cor, por exemplo24bits podem gerar2 ²⁴ = 16,777,216Variações de cor (TrueColor), enquanto32bits podem gerar2 ³² = 4,294,967,296Variações de cor (Escuro)

Profundidade de pixel da tela da janela

screen.pixelDepthA propriedade retorna a profundidade de bits da tela.

A profundidade de pixel é o número de bits usados pelo hardware de exibição do sistema por pixel.

Para dispositivos modernos, a profundidade de cor e a profundidade de pixel são iguais.

var x = screen.pixelDepth;

Mais exemplos

Este exemplo mostra todas as propriedades da tela:

var txt = "";
txt　+= "<p>Largura total/Altura: "　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+= "<p>Largura disponível/Altura: "　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+= "<p>Profundidade de cor: "　+　screen.colorDepth　+　"</p>";
txt　+= "<p>Resolução de cor: "　+　screen.pixelDepth　+　"</p>";
document.write(txt);