## Bagaimana untuk Menentukan Resolusi Skrin Dengan Tepat dalam JavaScript: Pendekatan Merentas Pelayar?

Menentukan Resolusi Skrin dengan JavaScript

Dalam dunia pembangunan web, pengesanan resolusi skrin peranti pengguna dengan tepat adalah penting. Untuk memastikan keserasian merentas pelbagai penyemak imbas, adalah penting untuk mencari penyelesaian universal.

Pendekatan Silang Penyemak Imbas

Untuk penyemak imbas yang menyokong spesifikasi terkini, kaedah yang paling boleh dipercayai untuk mendapatkan resolusi skrin ialah:

<code class="js">window.screen.availHeight
window.screen.availWidth</code>

Sifat ini menyediakan ketinggian dan lebar skrin yang tersedia, tidak termasuk sebarang krom atau bar alat penyemak imbas. Atribut avail memastikan bahawa resolusi mencerminkan ruang kerja sebenar yang boleh digunakan untuk halaman web.

Resolusi Asli pada Peranti Mudah Alih

Untuk peranti mudah alih, nisbah piksel peranti perlu diambil kira untuk menentukan resolusi asli:

<code class="js">window.screen.width * window.devicePixelRatio
window.screen.height * window.devicePixelRatio</code>

Pelarasan ini diperlukan untuk mengimbangi ketumpatan piksel yang lebih tinggi pada paparan mudah alih.

Perbezaan Antara Resolusi Tersedia dan Mutlak

Selain daripada yang tersedia peleraian skrin, penyemak imbas turut menyediakan ketinggian dan lebar mutlak skrin fizikal:

<code class="js">window.screen.height
window.screen.width</code>

Penyelesaian mutlak termasuk sebarang kandungan bukan halaman web, seperti kawalan penyemak imbas atau bar menu.

Atas ialah kandungan terperinci ## Bagaimana untuk Menentukan Resolusi Skrin Dengan Tepat dalam JavaScript: Pendekatan Merentas Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!