Bagaimanakah Saya Boleh Mengesan Perubahan Orientasi dalam Penyemak Imbas Mudah Alih menggunakan JavaScript?

Mengesan Perubahan Orientasi dalam Pelayar pada Peranti Mudah Alih menggunakan JavaScript

Pelayar mudah alih moden menyediakan cara untuk mengesan perubahan dalam orientasi peranti, membenarkan pembangun untuk melaraskan antara muka pengguna atau memberikan pengalaman berbeza berdasarkan semasa orientasi.

Mengesan Orientasi dengan API Orientasi Skrin

Kaedah pilihan untuk mengesan perubahan orientasi dalam penyemak imbas moden ialah menggunakan API screen.orientation. API ini menyediakan antara muka skrinOrientasi, yang mendedahkan peristiwa onchange. Apabila orientasi peranti berubah, peristiwa ini dicetuskan, membenarkan kod JavaScript anda bertindak balas dengan sewajarnya.

Untuk menggunakan API ini, anda boleh melakukan perkara berikut:

1. Tambah acara pendengar untuk acara screenorientation.onchange.
2. Dalam pengendali acara, dapatkan semula orientasi semasa menggunakan screen.orientation.type.
3. Semak nilai orientasi (cth., landskap-utama, potret-menengah) dan ambil tindakan yang sewajarnya.

Berikut ialah contoh coretan:

window.addEventListener("DOMContentLoaded", () => {
  const output = document.getElementById("o9n");

  const displayOrientation = () => {
    const screenOrientation = screen.orientation.type;
    output.innerHTML = `The orientation of the screen is: ${screenOrientation}`;
    // Check the orientation and log messages accordingly
  };

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan Orientasi dalam Penyemak Imbas Mudah Alih menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!