Baru-baru ini, saya sedang menulis halaman h5 yang tertanam di tampilan web program mini, yang merupakan fungsi dari komentar artikel, dalam prosesnya, saya menemui banyak masalah kompatibilitas, dan kinerja pada model yang berbeda juga sangat tidak konsisten, jadi saya merangkum masalah berikut. : Rekam agar Anda dapat meninjaunya nanti
1. Masalah tanggalUntuk yyyy-mm-dd hh:mm:ss, format ini tidak dikenali oleh sistem ios
Ketika waktu diformat, itu diproses dengan baik di sisi browser, tetapi di ponsel, itu menjadi NAN, atau null. Dalam hal ini, sistem iOS tidak dapat mengkonversi waktu jenis ini.
biarkan tanggal = Tanggal baru('28-02-2019 18:33:24'); // null`Solusinya ubah ke format yyyy/mm/dd hh:mm:ss.
ganti(//-/g, /)2. Keyboard disingkirkan dan halaman macet dan tidak dapat dikembalikan.
Di ios12, saya menemukan bahwa ketika keyboard ditarik kembali, halaman tersebut akan macet, membiarkan bagian bawahnya kosong. Jika Anda memindahkan halaman sedikit, halaman tersebut akan dipulihkan.
Untuk masalah seperti ini, saya memeriksa banyak solusi di Internet. Solusinya kira-kira dengan menggulir halaman selama acara blur.
window.scrollTo(0, gulir);
Namun ada masalah yang sangat serius: jika ada tombol di halaman yang perlu dioperasikan, misalnya kotak masukan komentar + tombol terbitkan, setelah memasukkan teks, klik terbitkan, dan ketika peristiwa klik dipicu, halaman tersebut akan memicu peristiwa blur terlebih dahulu, dan keyboard akan mundur. . . . Klik tombol tidak menghasilkan apa-apa.
Solusi: Mengubah event click menjadi ontouchstart dapat mengatasi masalah ini. acara ontouchstart lebih baik daripada pemicuan acara klik
3. Pada tampilan web applet WeChat di ios12, keyboard ditarik dan bagian bawah halaman akan kosong.Masalah ini diduga disebabkan oleh pengaturan scroll halaman menjadi auto.
4. Perbaikan iPhone gagal, menyebabkan kursor textarea bergeser pada beberapa mesin.Solusi: Semua elemen saudara menjadi absolut, dan elemen induk overflow:auto;
Elemen induk: tinggi: 100vh; posisi: relatif; luapan: otomatis; elemen saudara: posisi: luapan-y: otomatis; bantalan-bawah: 10 piksel; indeks-z: 15. Keyboard memblokir kotak input
Jika kotak masukan dipasang di bagian bawah menggunakan tetap, saat keyboard dinaikkan, perbaikan akan gagal pada iPhone, menyebabkan halaman bergulir. Kotak masukan akan bergulir bersama halaman, dan pada beberapa model, kotak masukan akan bergulir kadang-kadang diblokir oleh keyboard. Ini masalah sesekali, sangat tidak bersahabat
Solusi: Berhenti menggunakan layout tetap. Jika halaman sudah bergulir, tinggalkan yang absolut. Jika Anda terpaksa menggunakan yang absolut, silakan merujuk ke artikel sebelumnya tentang offset kursor.
Disarankan untuk menggunakan tata letak fleksibel, dan kompatibilitas akan teratasi.
Tentu saja, jika Anda mengalami masalah di atas, berarti desain produk sangat tidak masuk akal. Jika perlu, Anda tetap perlu mengubah desain ke desain yang inputnya tidak perlu didorong oleh keyboard tidak sempurna. Memecahkan masalah semua model.
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.