Bagaimanakah Saya Boleh Mengesan Jika Pelayar Digunakan pada Peranti Pegang Tangan?

Menentukan Penggunaan Pelayar Peranti Pegang Tangan

Untuk mengesan sama ada penyemak imbas dalam peranti pegang tangan (iOS/telefon/tablet Android) digunakan, pertimbangkan teknik berikut:

Kaedah 1: Menggunakan Pertanyaan Media pegang tangan

Pertanyaan media pegang tangan ialah pendekatan popular untuk mengenal pasti peranti pegang tangan. Walau bagaimanapun, seperti yang anda nyatakan, ia mungkin tidak berfungsi seperti yang diharapkan dalam semua kes. Ini kerana sesetengah telefon pintar moden mungkin tidak dianggap sebagai peranti "pegang tangan" oleh pertanyaan media ini.

Untuk menggunakan pertanyaan media pegang tangan, anda boleh mencuba kod CSS berikut:

width: 600px;
@media handheld { width: 300px; }

Kaedah 2: Menggunakan Pertanyaan Media lebar peranti

Pendekatan alternatif ialah menggunakan pertanyaan media lebar peranti. Pertanyaan ini menyasarkan peranti berdasarkan lebar skrin maksimumnya. Contohnya, untuk menyasarkan peranti dengan lebar skrin maksimum 480px (biasa pada telefon pintar dan tablet), anda boleh menggunakan kod berikut:

@media only screen and (max-device-width: 480px) {

Kaedah 3: Mengesan Input Penunjuk

Peranti dengan skrin sentuh (seperti telefon pintar dan tablet) biasanya menggunakan input penunjuk "tiada" atau "kasar", manakala pelayar web tradisional menggunakan tetikus atau pad jejak mendaftarkan input penunjuk "halus". Anda boleh memanfaatkan perbezaan ini untuk mengesan peranti pegang tangan:

@media (pointer:none), (pointer:coarse) {

Dengan memasukkan pertanyaan media ini ke dalam kod anda, anda boleh melaraskan gaya elemen anda secara dinamik berdasarkan sama ada pengguna mengakses tapak web anda daripada peranti pegang tangan atau pelayar web konvensional.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Jika Pelayar Digunakan pada Peranti Pegang Tangan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!