Atrybut Window screen.colorDepth

Definicja i użycie

colorDepth Atrybut zwraca głębokość kolorów ekranu.

colorDepth Atrybut zwraca głębokość bitową na każdy piksel.

colorDepth Atrybut jest jedynie do odczytu.

Przykład

Przykład 1

Pobierz głębokość palety:

let depth = screen.colorDepth;

Spróbuj sam

Przykład 2

Wyświetl alternatywny kolor tła dla ekranów 8-bitowych (unikaj brzydkich zastępczych kolorów dla 8-bitowych ekranów, które nie obsługuje nowoczesnych kolorów):

if (screen.colorDepth <= 8)
  //Proste niebieskie tło dla 8-bitowych ekranów
  document.body.style.background = "#0000FF"
else
  //Błękitne tło z połyskiem dla nowoczesnych ekranów
  document.body.style.background = "#87CEFA"

Spróbuj sam

Przykład 3

Wszystkie atrybuty ekranu:

let text = "Totalna szerokość/wysokość: " + screen.width + "*" + screen.height + "<br>"
"Dostępna szerokość/wysokość: " + screen.availWidth + "*" + screen.availHeight + "<br>"
"Głębokość kolorów: " + screen.colorDepth + "<br>"
"Rozdzielczość kolorów: " + screen.pixelDepth;

Spróbuj sam

Gramatyka

screen.colorDepth

Zwracana wartość

Typ Opis
Numer

Głębokość palety ekranowej (w bitach na piksel):

1, 4, 8, 15, 16, 24, 32, lub 48.

Obsługa przeglądarek

Wszystkie przeglądarki wspierają screen.colorDepth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane

Stroniczny związane

Atrybut screen.availHeight

Atrybut screen.availWidth

Atrybut screen.height

Atrybut screen.width