Bagaimana Anda Boleh Mengesan Putaran Peranti dalam JavaScript?

Kesedaran Orientasi dalam JavaScript: Mengesan Putaran Peranti

Dalam bidang penyemakan imbas mudah alih, adalah penting untuk menyesuaikan diri dengan perubahan orientasi peranti. JavaScript memberi kami kuasa untuk memantau perubahan ini dan menyesuaikan aplikasi kami dengan sewajarnya.

Secara tradisinya, pertanyaan media CSS telah digunakan untuk mengesan perubahan dalam orientasi. Walau bagaimanapun, web telah berkembang dan kami kini mempunyai akses kepada teknik yang lebih halus menggunakan API orientasi skrin JavaScript.

Merangkul screen.orientation

Screen.orientation API menyediakan antara muka yang komprehensif untuk mengesan perubahan orientasi. Ia menggunakan acara screenOrientation.onchange sebagai pencetusnya. Untuk memanfaatkan keupayaan ini, ikuti langkah berikut:

Coretan Kod:

window.addEventListener("DOMContentLoaded", () => {
  const output = document.getElementById("o9n");
  const displayOrientation = () => {
    const screenOrientation = screen.orientation.type;
    output.innerHTML = `The orientation of the screen is: ${screenOrientation}`;
    // Additional logic for handling different orientations
  };

  if (screen && screen.orientation !== null) {
    try {
      window.screen.orientation.onchange = displayOrientation;
      displayOrientation();
    } catch (e) { output.innerHTML = e.message; }
  }
});

Petua Tambahan:

• Gunakan elemen HTML untuk memaparkan orientasi yang dikesan untuk penyahpepijatan tujuan.
• Laksanakan logik untuk mengendalikan orientasi tertentu, seperti mencetuskan tindakan apabila peranti berada dalam mod landskap.
• Perhatikan bahawa API orientasi mungkin tidak disokong dalam semua penyemak imbas. Kendalikan peranti yang tidak disokong dengan anggun.

Dengan memanfaatkan API screen.orientation JavaScript, kami memperoleh kuasa untuk memantau perubahan orientasi dan mengoptimumkan aplikasi kami untuk pengalaman yang lancar merentas kedudukan peranti yang berbeza.

Atas ialah kandungan terperinci Bagaimana Anda Boleh Mengesan Putaran Peranti dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!