qq_34506023 2023-11-13 01:17 采纳率: 0%
浏览 19

关于#chrome#的问题:如何隐藏Chrome(PWA)标题栏左上角的前进刷新按钮

如何隐藏Chrome(PWA)标题栏左上角的前进刷新按钮?

有些网页窗口化PWA模式左上角没有刷新前进,是怎么实现的

img

  • 写回答

1条回答 默认 最新

  • 洋茄子炒鸡蛋 2023-11-17 09:04
    关注

    在Chrome的PWA模式下,标题栏左上角的前进刷新按钮是浏览器自带的,无法通过前端代码来直接隐藏。不过,你可以使用manifest.json文件配置来实现:
    在manifest.json文件中,可以设置display属性为standalone或fullscreen,这样就可以隐藏标题栏和地址栏,同时也会隐藏前进刷新按钮。具体代码如下:

    {
      "name": "My PWA",
      "short_name": "My PWA",
      "start_url": "/",
      "display": "standalone"
    }
    

    需要注意的是,这种方式只是隐藏了前进刷新按钮,但是用户仍然可以通过手势或者键盘操作来进行前进、后退和刷新等操作。

    评论

报告相同问题?

问题事件

  • 创建了问题 11月13日