手机平板的chrome访问时左下角的设置按钮不显示

水水x

部署设备环境： 物理机、局域网、fnos v1.1.23, x86
访问设备环境: 鸿蒙4.0, chrome 版本 v115
出现频率： 必现
联系方式：
日志文件：
BUG现象：通过手机chrome(未勾选桌面版网站)浏览器登录后,左下角的设置按钮不会显示,
需要双指将页面放大一下, 然后向上滑动, 浏览器的地址栏会自动隐藏(如果没有隐藏, 就再次放大一点后向上滑动),
再双指将页面缩到最小, 左下角的设置按钮才会出现,
如果此时向下滑动一下, 地址栏就会重新出现, 左下角的设置按钮也会隐藏, 需要重复上面的操作才能显示

为什么一开始不向上滑, 要放大一下? 试过了,它划不动,必须要放大一点点才行
电脑端浏览器开仿真为什么没问题? 它没有向上滑动隐藏地址栏的功能,视口不会变化

我都是通过平板和手机的chrome访问的, 我在电脑上登录了一次才知道左下角的设置功能;

由于飞牛监控了静态资源文件, 我也无法通过修改本机文件自己解决这个问题;

隐藏前

隐藏后

水水x

通过调试webview发现, 可以修改 .h-screen的height属性为 100dvh解决, 但是静态资源被监控, 无法修改文件为自己解决这个问题

飞牛技术同学

感谢反馈这个是已知的问题，我们后续会逐步适配移动端浏览器访问

水水x

https://developer.fnnas.com/docs/quick-started/create-application
参考这个示例, 修改index.html, 添加按钮执行修复代码

        function fixH5Screen() {
            window.parent.document.querySelectorAll('.h-screen').forEach(e=> e.style.height = '100dvh')
        }