Bagaimana Memaksa Orientasi Landskap dalam Apl Web Anda?

Membuka kunci Rahsia Menguatkuasakan Orientasi Landskap untuk Aplikasi Anda

Bukan rahsia lagi bahawa aplikasi tertentu menuntut mod orientasi tertentu. Jika apl anda adalah aplikasi yang sama sekali tidak direka untuk mod potret, anda mungkin telah melanggar dinding bata. Keupayaan untuk memaksa mod orientasi landskap telah lama menjadi ciri yang hilang, tetapi jangan takut!

Penyelesaian Asal: Pengesanan Terhad dan Tiada Kawalan

Secara tradisinya, anda hanya boleh mengesan orientasi semasa menggunakan pertanyaan media CSS3 atau acara JavaScript untuk mencetuskan gaya CSS yang sesuai. Walaupun ini membenarkan anda bertindak balas terhadap perubahan orientasi, tingkah laku semula jadi peranti masih berlaku, bermakna anda tidak boleh menguatkuasakan orientasi tertentu.

Manifestasi Apl Web HTML5 untuk Penyelamat

Akhir sekali, manifes aplikasi web HTML5 menawarkan penyelesaian. Dengan penambahan fail manifest.json, anda kini boleh menetapkan sifat berikut:

• paparan: Mengawal mod UI (berdiri sendiri, skrin penuh, minimum-ui atau penyemak imbas)
• orientasi: Menguatkuasakan mod landskap atau potret (landskap atau potret)

Dengan memasukkan baris ini dalam manifes.json anda dan memautkannya dalam fail HTML anda, anda akhirnya boleh memaksa orientasi landskap untuk aplikasi anda.

Butiran Pelaksanaan:

{
    "display": "fullscreen", /* Choose UI mode here */
    "orientation": "landscape"
}

<link rel="manifest" href="manifest.json">

Pelayar Disokong:

Pada masa ini, Chrome menyediakan sokongan untuk manifes aplikasi web ciri mengunci orientasi. Sambil kami mengumpulkan lebih banyak maklumat, kami akan mengemas kini artikel ini dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana Memaksa Orientasi Landskap dalam Apl Web Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!