Apakah yang perlu anda perhatikan apabila menggunakan html5 mudah alih dalam paparan web?

Perkara yang perlu diambil perhatian: 1. Peristiwa tetikus seperti klik dan tetikus akan mempunyai kelewatan 200 milisaat Anda boleh menggunakan peristiwa sentuh untuk merujuk peristiwa Quo.js; atribut css3 dan perlu diubah suai Konfigurasi; 3. Hanya menyokong tatal html dan badan, dan perlu diproses untuk keserasian, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Dalam peranti mudah alih, terutamanya skrin sentuh dan telefon pintar lain, pelayar-webview yang dibenamkan perlu memaparkan halaman html Oleh itu, terdapat beberapa perkara yang perlu diberi perhatian semasa membangunkan halaman html. Ia mungkin seperti berikut: Mata:

1 Dalam paparan web, akan terdapat kelewatan 200 milisaat untuk acara tetikus seperti klik, naik tetikus, turun tetikus, dll. Adalah disyorkan untuk menggunakan peristiwa sentuh. Jika mudah, sila sebutkan peristiwa Quo.js (saiz 3KB) , untuk memenuhi kesan klik pantas

2 Atribut :active CSS3 tidak serasi dengan paparan web. Anda perlu menambah kelas aktif untuk memulakan sentuh acara touchend dan tambahkan .active dalam css

3 Pada masa ini Webview dalam Android hanya menyokong penatalan html dan badan Untuk div lain dan elemen lain, walaupun menggunakan overflow:scroll tidak boleh membuat div boleh ditatal untuk serasi.

Terdapat dua cara untuk mengendalikannya:

Pertama, gunakan pemalam iscroll.js, tetapi pemalam ini akan menyekat semua acara lalai secara automatik, jadi anda perlu gunakannya dengan berhati-hati;

Kedua, simulasikan kesan tatal dengan memantau peristiwa sentuhan dan seret elemen DIV Untuk kaedah tertentu, lihat noBarsOnTouchScreen.js

4. Bangunkan web. halaman dalam paparan web untuk mencapai kesan seperti aplikasi , terutamanya penukaran halaman dalam modul berbeza halaman web yang sama, untuk menjadikan kesan lebih dekat dengan aplikasi tempatan, pagetransitions.js pemalam disyorkan di sini (lihat lampiran pagetransitions.zip).

Ia menggunakan animasi CSS3 untuk membolehkan penukaran lancar setiap halaman, membolehkan halaman web yang sama ditukar melalui pelbagai kesan animasi.

Cadangan berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah yang perlu anda perhatikan apabila menggunakan html5 mudah alih dalam paparan web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!