- 当前 Bug 的表现(可附上截图)
(其他型号的手机也会出现,推荐使用 iOS版本为:12.2.2的 iPhone6S测试)
微信公众号webview 在跨域跳转产生历史记录时,
iOS版本下出现的历史前进域后退的TabBar会悬浮,导致遮住webview底部可视区域。
且webview的高度存在差异。
- 预期表现
和同域跳转保持一致,在同域跳转产生历史记录后,底部出现的TabBar不会遮盖浏览器可视区域。
- 复现路径
请用微信扫一扫以下路径访问:
具体情况,请参见以下部分:
## 背景
最近在做一个跨站的业务接入,碰到一个奇怪的问题,
就是微信公众号的h5中,当浏览器存在历史记录大于1时,
在部分iOS设备下,微信底部出现的TabBar会悬浮在底部,导致会覆盖到浏览器的底部内容。
## 场景
### 场景一
A域页面首页 ----> 跳转到B域首页
(此时 浏览器的历史记录刚好为2,这种场景下,微信自带的底部TabBar会悬浮在浏览器上。)
`貌似浏览器的高度是保持在出现tab-bar之前的高度`
正常的高度: WebView高度 = 屏幕高度 - TabBar高度 - 头部高度
异常情况: WebView高度= 屏幕高度 - 头部高度
目前测试情况: 貌似仅在跨域跳转,且跳转时刚好会出现TabBar时会触发。
### 场景二
A域页面首页 ----> 跳转到A域其他页面
(此时,浏览器历史记录也为2,这种场景下,tab-bar不会覆盖浏览器)