概要: このチュートリアルでは、JavaScriptのScreenオブジェクトを使用して、現在の画面情報を取得する方法を学びます。
JavaScript Screenオブジェクトの紹介
Screenオブジェクトは、現在のウィンドウがレンダリングされている画面の属性を提供します。
Screenオブジェクトにアクセスするには、windowオブジェクトのscreenプロパティを使用します。
window.screenCode language: JavaScript (javascript)Screenオブジェクトは、通常、Google AnalyticsなどのWeb分析ソフトウェアによって、Webブラウザが実行されているクライアントデバイスの情報を収集するために使用されます。
JavaScript Screenプロパティ
window.screenオブジェクトは、次のプロパティを提供します。
| プロパティ | 説明 |
|---|---|
| availTop | システム要素によって占められていない、上から最初のピクセルを返す読み取り専用プロパティです。 |
| availWidth | システム要素を除いた画面のピクセル幅を返す読み取り専用プロパティです。 |
| colorDepth | 色を表すために使用されるビット数を返す読み取り専用プロパティです。 |
| height | 画面のピクセル高さを表します。 |
| left | 現在の画面の左側のピクセル距離を表します。 |
| pixelDepth | 画面のビット深度を返す読み取り専用プロパティです。 |
| top | 現在の画面の上側のピクセル距離を表します。 |
| width | 画面のピクセル幅を表します。 |
| orientation | Screen Orientation APIで指定された画面の向きを返します。 |
| availTop | システム要素によって占められていない、上から最初のピクセルを返す読み取り専用プロパティです。 |
| availWidth | システム要素を除いた画面のピクセル幅を返す読み取り専用プロパティです。 |
| colorDepth | 色を表すために使用されるビット数を返す読み取り専用プロパティです。 |
| height | 画面のピクセル高さを表します。 |
| left | 現在の画面の左側のピクセル距離を表します。 |
| pixelDepth | 画面のビット深度を返す読み取り専用プロパティです。 |
| top | 現在の画面の上側のピクセル距離を表します。 |
| width | 画面のピクセル幅を表します。 |
| orientation | Screen Orientation APIで指定された画面の向きを返します。 |
このチュートリアルは役に立ちましたか?