支付宝Android小程序页面刘海屏适配方法

10月/19日/小程序/浏览 325

现在不少设备都有刘海屏,适配也成了一个问题。追格小程序群里有小伙伴问到支付宝Android小程序页面刘海屏如何适配。


根据支付宝小程序官方文档提示,一般是可以通过 User-Agent 判断是不是刘海屏。


通过 true isConcaveScreen/true 判断是否是刘海屏,true 为是,false 为否。


普通屏 User-Agent:


"Mozilla/5.0 (Linux; U; Android 7.1.1; zh-CN; ONEPLUS A5000 Build/NMF26X) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/40.0.2214.89 UCBrowser/11.6.4.950 UWS/2.11.1.49 Mobile Safari/537.36 UCBS/2.11.1.49_180322095406 NebulaSDK/1.8.100112 Nebula AlipayDefined(nt:WIFI,ws:411|0|2.625) AliApp(AP/10.1.22.041066) AlipayClient/10.1.22.041066 Language/zh-Hans useStatusBar/true isConcaveScreen/false"


刘海屏(凹屏)User-Agent:


"Mozilla/5.0 (Linux; U; Android 7.1.1; zh-CN; ONEPLUS A5000 Build/NMF26X) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/40.0.2214.89 UCBrowser/11.6.4.950 UWS/2.11.1.49 Mobile Safari/537.36 UCBS/2.11.1.49_180322095406 NebulaSDK/1.8.100112 Nebula AlipayDefined(nt:WIFI,ws:411|0|2.625) AliApp(AP/10.1.22.041066) AlipayClient/10.1.22.041066 Language/zh-Hans useStatusBar/true isConcaveScreen/true"

详见文档:https://opendocs.alipay.com/support/01rb0g

发表评论

暂无评论,抢个沙发...

客服 工单