ユーザーの画面解像度を決定することは、コンテンツを最適化し、ユーザー エクスペリエンスを向上させるために非常に重要です。この記事では、JavaScript でこのタスクを実行し、複数のブラウザとの互換性を確保する方法を検討します。
画面解像度の検出
画面の利用可能な解像度を取得するには、次のプロパティを使用します。
<code class="js">window.screen.availHeight window.screen.availWidth</code>
これらのプロパティは、ツールバーやその他の要素を除く、ユーザーが使用できる画面スペースの解像度を提供します。
ネイティブ解像度 (モバイル デバイス)
モバイル デバイスの場合、ネイティブ解像度は、利用可能な解像度とデバイスのピクセル比を乗算して取得できます:
<code class="js">window.screen.height * window.devicePixelRatio window.screen.width * window.devicePixelRatio</code>
絶対解像度
メニューやその他の UI 要素を含む絶対画面解像度を取得する必要がある場合は、次のプロパティを使用します:
<code class="js">window.screen.height window.screen.width</code>
以上が以下に、提供されたコンテンツに適合する質問ベースのタイトルをいくつか示します。 **短く直接的:** * **JavaScript を使用して画面解像度を取得する方法** * **JavaScript: 画面解像度の決定** * **レトリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。