如何隐藏Chrome(PWA)标题栏左上角的前进刷新按钮?
有些网页窗口化PWA模式左上角没有刷新前进,是怎么实现的
如何隐藏Chrome(PWA)标题栏左上角的前进刷新按钮?
有些网页窗口化PWA模式左上角没有刷新前进,是怎么实现的
在Chrome的PWA模式下,标题栏左上角的前进刷新按钮是浏览器自带的,无法通过前端代码来直接隐藏。不过,你可以使用manifest.json文件配置来实现:
在manifest.json文件中,可以设置display属性为standalone或fullscreen,这样就可以隐藏标题栏和地址栏,同时也会隐藏前进刷新按钮。具体代码如下:
{
"name": "My PWA",
"short_name": "My PWA",
"start_url": "/",
"display": "standalone"
}
需要注意的是,这种方式只是隐藏了前进刷新按钮,但是用户仍然可以通过手势或者键盘操作来进行前进、后退和刷新等操作。