確定使用者的螢幕解析度對於最佳化內容和增強使用者體驗至關重要。在本文中,我們將探討如何在 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中文網其他相關文章!