在 Iphone 上禁用 Progressive Web App 上的后退按钮

Question

我有一个使用 Angular 和 Ionic 构建的渐进式 Web 应用程序。我正在尝试禁用 Iphone 上的后退按钮，但它根本不起作用。我尝试过使用以下内容：

1. https://github.com/Zatikyan/angular-disable-browser-back-button
2. 导航到不同页面时使用替换 url
3. 将 window.history 显式设置为 null

这些选项都不适合我。有没有人有任何想法或我们可以尝试的任何其他选择？或者有人做过类似的事情吗？

另外，我想提一下，我们希望禁止用户使用手指左右移动屏幕，这基本上是 Iphone safari 上的后退和前进按钮？

Answer 1

您可以通过在清单文件中将显示设置为独立来删除 pwa 的整个浏览器框架。

看看https://web.dev/add-manifest/

这将解决您的浏览器后退按钮问题。