IOS系统的app环境访问前端微服务页面,在iphoneX以上机型,防止底部按钮贴边布局和iphone安全区横条重合的处理方式。
方式一:在我司app环境调用ios系统生效的api隐藏/显示底部安全区。如图所示。但需要注意,在需要隐藏安全区的页面调用,离开之后显示,防止其他页面没有底部按钮贴边布局也隐藏掉了安全区,导致留白。(我司新版app提供该api的支持,前端jsapi下载,已贴在此文档中)。
使用方式一,只需要注意调用隐藏后,离开需要使用的页面调用api显示回来即可。
特别注意的是:这些按钮可能在某种业务逻辑下,会隐藏掉,这个时候本来按钮就不显示了,也无需调用该方法。
含有api的压缩jsapi文件在此处下载:
js_api.js
(14 KB)
方式二:根据屏幕ppi高度是否大于等于812,以及环境是否是ios,判断为iphonex以上机型,且是我司app。在符合这种情况的环境下,做css布局处理,增加底部按钮贴边的距离,达到保持与ios底部横条间距的效果。
使用方式二,需要每个用到该方式的地方,单独做js判断及css处理。
17、input 记住密码 修改默认样式
18、WindowEventHandlers.onpopstate 刚进页面不触发
前端开发提高质量及自检解决方式参考:
前端文档、标准、规范、约束的部分补充:
electron打包生成安装包: