JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで画面の色深度（ビット数）を取得する方法

JavaScriptでは、screen.colorDepthプロパティを使用することで、ウィンドウ画面に1つの色を表示するために使用されるビット数（色深度）を取得できます。

色深度は、モニターが1ピクセルあたり何ビットで色を表現しているかを示す値です。一般的な環境では24ビット（約1,677万色）や32ビットが返されます。この値は、ディスプレイの表示品質を確認したり、グラフィック処理の条件分岐に活用したりする際に役立ちます。

構文

screen.colorDepth

サンプルコード

以下のコードを実行すると、画面の幅・高さとともに色深度を取得して表示できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         document.write("Screen width: " + screen.width);
         document.write("<br>Screen height: " + screen.height);
         document.write("<br>Color Depth: " + screen.colorDepth);
      </script>
   </body>
</html>

出力例

Screen width: 1920
Screen height: 1080
Color Depth: 24

補足：pixelDepthとの違い

似たプロパティとしてscreen.pixelDepthがあります。ほとんどのブラウザではcolorDepthと同じ値を返しますが、厳密にはcolorDepthはアプリケーション側の色深度、pixelDepthはデバイス側の色深度を表すため、特殊な環境では異なる値になる場合があります。

  1. JavaScriptのBOM（window.screen）でユーザーの画面情報を取得する方法

    JavaScriptのBOM（Browser Object Model）には、ブラウザウィンドウやユーザー環境の情報を扱うためのさまざまなオブジェクトが用意されています。その中でもwindow.screenオブジェクトは、クライアント（ユーザー）の画面に関する情報を取得するために使用され、画面の幅・高さや色深度などをプログラムから参照できます。レスポンシブ対応やデバイスごとの表示最適化などにも役立ちます。 window.screenの主なプロパティ一覧 プロパティ説明 screen.widthユーザーの画面の幅をピクセル単位で返します。 screen.heightユーザーの画面の高さを

  2. 【初心者向け】ボタンクリックでJavaScript配列の要素を逆順に1つずつ表示する方法

    JavaScriptの配列を逆順に1つずつ表示するには？ 本記事では、ボタンをクリックするたびに、JavaScriptの配列要素を後ろから順に（逆順で）1つずつ表示する方法を解説します。 まず、次のような配列を例として用意しました。 var listOfNames = [    John,    David,    Bob ]; そして、クリックすると配列の値を逆順に取得できるボタンは以下のとおりです。 <button id="reverse" onclick="rev