Recientemente, estaba escribiendo una página h5 incrustada en el mini programa webview, que es una función de los comentarios del artículo. En el proceso, encontré muchos problemas de compatibilidad y el rendimiento en diferentes modelos también fue muy inconsistente, por lo que resumí los siguientes problemas. : Grábalo para poder revisarlo más tarde
1. Problema de fechaPara aaaa-mm-dd hh:mm:ss, el sistema ios no reconoce este formato
Cuando se formatea la hora, se procesa bien en el lado del navegador, pero cuando llega al teléfono móvil, se vuelve NAN o nula. En este caso, el sistema iOS no puede convertir este tipo de hora.
let fecha = nueva fecha ('2019-02-28 18:33:24' // nulo`);La solución es convertirlo al formato aaaa/mm/dd hh:mm:ss.
reemplazar(//-/g, /)2. El teclado se guarda y la página se atasca y no vuelve.
En ios12, descubrí que cuando se retrae el teclado, la página se atasca, dejando la parte inferior en blanco. Si mueves la página ligeramente, se restaurará.
Para este tipo de problema, revisé muchas soluciones en Internet. La solución es aproximadamente desplazarse por la página durante el evento de desenfoque.
window.scrollTo(0, desplazamiento);
Pero hay un problema muy grave: si hay botones en la página que deben operarse, como un cuadro de entrada de comentarios + botón de publicación, después de ingresar el texto, haga clic en publicar, y cuando se active el evento de clic, la página Primero activará el evento de desenfoque y el teclado retrocederá. Luego se acabó. . . . El clic en el botón no hace nada.
Solución: cambiar el evento de clic a ontouchstart puede resolver este problema. El evento ontouchstart es mejor que activar el evento de clic
3. En la vista web del subprograma WeChat en ios12, el teclado está retraído y la parte inferior de la página estará en blanco.Se sospecha que este problema se debe a la configuración de desplazamiento automático de la página.
4. La reparación del iPhone falla, lo que hace que el cursor del área de texto se desplace en algunas máquinas.Solución: todos los elementos hermanos se vuelven absolutos y el elemento padre overflow:auto;
Elemento principal: altura: 100vh; posición: relativa; desbordamiento: auto; desbordamiento-x: visible; fondo de relleno: 10px; índice z: 15. El teclado bloquea el cuadro de entrada.
Si el cuadro de entrada se fija en la parte inferior usando fijo, cuando se levanta el teclado, el cuadro fijo fallará en el iPhone, lo que hará que la página se desplace con la página y, en algunos modelos, el cuadro de entrada se desplazará con la página. Ocasionalmente puede ser bloqueado por el teclado. Estos problemas ocasionales son muy hostiles.
Solución: deje de usar el diseño fijo. Si la página tiene desplazamiento, deje de usar absoluto. Si se ve obligado a usar absoluto, consulte el artículo anterior sobre el desplazamiento del cursor.
Se recomienda utilizar un diseño flexible y se resolverá la compatibilidad.
Por supuesto, si encuentra los problemas anteriores, significa que el diseño del producto es muy irrazonable. Si es necesario, aún debe cambiar el diseño a un diseño en el que no sea necesario presionar el teclado hacia arriba. No son perfectos. Resuelve los problemas de todos los modelos.
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.