求解， 关于ios13 safari 浏览器， 竖屏情况下， 下面有黑边的问题

Creator 2.x
#1

之前遇到一个坑爹的问题， 地址栏点不出来了，顶部也失效，已经找到了解决方案， 现在遇到一个新问题， 就是ios13之后遇到的。 当我的手机竖屏打开网页的时候， 这个时候上边有地址栏，下边有工具栏， 一切都是正常的， 界面还算正常， 但是当我把手机横屏， 大家知道safari手机横屏会自动全屏， 那么我的游戏就自动全屏了，这也很正常。 但是，当我再次转到竖屏的时候， 出现了这个现象， 上边的地址栏缩小了， 下边的工具栏没有了， 这个好像是ios13的新改动。 结果这个时候bug出现了， 下面出现了黑色的背景色区域 卡在下面。

image.png1210×746 37.8 KB

它的颜色是由这个地方的颜色控制的，
如果我这个时候点击下方工具栏或者上方地址栏的位置， 地址栏和工具栏都会显示出来， 这个时候我的游戏界面就是正常的了。

现在就是想问几个问题， 第一个，有没有办法调用safari的api ，自动出现地址栏， 第二个是，这个黑边背景是什么， 是因为我的游戏界面不够撑满屏幕导致的吗，因为我的游戏界面宽度有限？ 我的游戏界面应该是百分之百，即使是拉伸，也不应该留有黑边把， 我想这个应该是ios 升级了13，而我们cocos 还没有做出相应的处理的问题吧。

IMG_0884.JPG3024×4032 1.56 MB

还是 hello word 的纯净工程， 我说的现象就是这个， 看最下面 是不是一片黑色的区域，

手机 ipone xs max
系统 ios13

#2

这个问题好像是浏览器的BUG，今天测试了一下百度、新浪的新闻页面也有部分页面有这种问题。

研究了一下只要在转屏时等待500毫秒，再将屏幕滚动回去即可解决这个问题（缺点是屏幕会有500毫秒延时，但也在接受范围内）

cc.view.setResizeCallback(() =>{

//TODO 临时方案解决ios safari 竖屏转横屏再转回竖屏时界面下方出现空白区域的问题
if(cc.isMobileBrowser() && cc.sys.os == cc.sys.OS_IOS && cc.winSize.width < cc.winSize.height){
    setTimeout(() =>{
        //这里处理竖屏相关设置
        window.scrollTo(0,-60);
    },500);
}else{
    //这里处理横屏相关设置
}

});

#4

我好像有这个方法但是没用

#5

好了， 用了你的方法之后有效了， 谢谢你。 但是现在还有一个其它的问题，解决了就真的没问题了。

#6

有没有解决方案