如何使用 JavaScript 檢測使用者裝置的螢幕解析度？

在 JavaScript 中偵測螢幕解析度

在 Web 開發中，通常需要確定使用者裝置的解析度。 JavaScript 為大多數現代瀏覽器提供了一種檢索此資訊的便捷方法。

瀏覽器相容性

所有主要瀏覽器都支援window.screen 對象，包括：

• Chrome
• Chrome
• Chrome

Chrome

>Firefox

Safari

• Edge
• Opera
• 訪問螢幕螢幕>

availHeight：螢幕的可用高度（以像素為單位），不包括工具欄， availWidth：螢幕的可用寬度（以像素為單位），不包括工具列、選單等。

height：螢幕的絕對高度（以像素為單位），包括工具列、選單、等

<code class="javascript">nativeWidth = window.screen.availWidth * window.devicePixelRatio;
nativeHeight = window.screen.availHeight * window.devicePixelRatio;</code>

寬度：螢幕的絕對寬度（以像素為單位），包括工具列、選單等等

行動裝置的本機分辨率

要確定行動裝置的原始分辨率，請將可用寬度和高度乘以裝置像素比：

取得絕對解析度

<code class="javascript">let availHeight = window.screen.availHeight;
let availWidth = window.screen.availWidth;
console.log("Available screen resolution: " + availWidth + "x" + availHeight);</code>

如果您需要螢幕的絕對解析度（包括工具列和選單），請使用height 和width 屬性，而不是vailHeight和availWidth。 範例以下程式碼擷取可用螢幕解析度：

以上是如何使用 JavaScript 檢測使用者裝置的螢幕解析度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！