关于H5app的一些小知识点。

由于本人也是第一次单人开发H5APP ,所有遇到的坑点比较多,下面就说几个点吧;

1、首先分享第一个知识点,关于输入框的问题;有时候产品需求要在手机软键盘点击enter进行搜索。这个点对于H5来说需要考虑的点很多,可以参考https://blog.csdn.net/xialong_927/article/details/92628634,如果你已经看了这篇文章,有一个点是,input框的type属性是要设置成search;不然的话无法让enter键变成搜索字样,但是这样设置的话,在ios手机上你会发现input框会变成椭圆的在你没有设置样式的时候;这个就需要同学们自己考虑清楚到底要怎样使用拉!

2、不知道同学们有没有遇到过这样的问题,就是在安卓手机上在你弹出软键盘之后,没有让input框失去焦点,这时候你们软键盘还占据着位置,然后返回到另一个页面;这时候会造成底部一部分空白,而空白的位置刚好是软键盘占据的位置;关于这个问题,我当时候的解决方案也是比较简单的,我会在那个页面返回之前就获取到他的高度,然后在返回值后我会手动给他设置自己的高度,这样就不会让受到软键盘占位的影响了;

3、我当时写项目的时候有一个时间效益问题,我当时考虑的是用cookie会比较好一点,但是结果却是显示undefined,百度一番后发现安卓5.0以上对浏览器的cookie很不友好;

4、input框在ios端聚焦软键盘弹出问题;在我开发的时候发现在ios端,input框聚焦使软键盘弹出就第一次很快,后面就没有效果了,必须要长按才行;如果同学们遇到了,只需要在input加一个onfocus时间就行了,点击的时候手动聚焦;

5、在安卓端软键盘弹出会把底部footer导航栏顶上去,因为需要底部固定定位而且bottom:0,所以这个才会顶上去,这个问题我是这样解决的:在聚焦软键盘弹出的时候我会把底部footer设置为,display:none,然后失去焦点的时候display:block,当然解决的办法很多,看自己的喜好;

好了,其他的我也不太记得了,应该也不怎么重要吧。如果看到,希望能够点个赞!

  

猜你喜欢

转载自www.cnblogs.com/chenjl-bling/p/11230652.html