Returns the color depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.
bitDepth = window.screen.colorDepth
// check the color depth of the screen
if ( window.screen.colorDepth < 8) {
// use low-color version of page
} else {
// use regular, colorful page
}
| Specification | Status | Comment |
|---|---|---|
| CSS Object Model (CSSOM) View Module The definition of 'Screen.colorDepth' in that specification. | Working Draft |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | (Yes)[1] | ? | ? | (Yes)[1] | ? |
| Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | (Yes)[1] | (Yes)[1] | ? | ? | ? | (Yes)[1] | ? |
[1] Beginning with Chrome 59/Opera 46 this property is no longer required to return 24.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/screen/colorDepth