Web/API/Screen/pixelDepth

From Get docs

Returns the bit depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.

Syntax

let depth = window.screen.pixelDepth

Example

// if there is not adequate bit depth
// choose a simpler color
if ( window.screen.pixelDepth > 8 ) {
  document.style.color = "#FAEBD7";
} else {
  document.style.color = "#FFFFFF";
}

Specifications

Specification Status Comment
CSS Object Model (CSSOM) View ModuleThe definition of 'Screen.pixelDepth' in that specification. Working Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
pixelDepth

Chrome Full support 40

Notes'

Full support 40

Notes'

Notes' Starting with version 59 this property is no longer required to always return 24.

Edge

Full support 12

Firefox

Full support Yes

IE

?

Opera

Full support Yes

Safari

Full support 6

WebView Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' Starting with version 59 this property is no longer required to always return 24.

Chrome Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' Starting with version 59 this property is no longer required to always return 24.

Firefox Android

Full support Yes

Opera Android

Full support Yes

Safari iOS

Full support Yes

Samsung Internet Android Full support Yes

Notes'

Full support Yes

Notes'

Notes' Starting with Samsung Internet 7.0 this property is no longer required to always return 24.

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
See implementation notes.'
See implementation notes.


See also