webApp实践后记

Posted Merrys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webApp实践后记相关的知识,希望对你有一定的参考价值。

原生App登录后,根据帐号类别进入不同的页面,其中一种类别需要通过链接跳到前端页面。

webApp开发,在我看来跟手机端浏览器开发几近是一样的。记录一下那小部分的不一样。

一、ios和安卓的退出登录

ios是直接在《退出》按钮上的onclick中新增事件,由ios开发人员编写事件内容

android是在点击事件中写上AndroidWebView.back(),看着像是安卓原生方法,但说不定也是开发人员自己写的,不了解。

而我要做的,就是清除本地存储的数据。

二、label点击失效的问题

我的结构是input + label > (span+img) ,隐藏 input,点击事件加在了label上,在安卓app和手机浏览器中没发现问题,但是在苹果app上,只有点击span的时候才能触发事件,其他区域都无效。我尝试了在label上添加cursor:pointer,在img上添加disabled,都无效。最后,选择使用框架中的某个组件代替了。

三、a href="tel:136*********" 失效

点击后页面显示找不到页面,在安卓手机浏览器中是可以成功,QQ自带的浏览器也没有问题,苹果app没测。想来是app中的某些东西被禁止了,只能等原生开发解决了。、

四、首次加载十分慢

不是一般的慢,我甚至怀疑是不是挂了。

 

还在测试阶段,想来不会就这么一点点差异的T.T

 

以上是关于webApp实践后记的主要内容,如果未能解决你的问题,请参考以下文章

使用Cordova框架把Webapp封装成Hybrid App实践——Android篇

Vue入门实践 每日一文Webapp

在 WebApp 中创建和下载巨大 ZIP(来自多个 BLOB)的最佳实践

React 打包部署多级目录实践

装饰多客户端 webapp

那些年我们一起用过的Hybrid App