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

Posted 2023-02-23

【中文标题】在 Iphone 上禁用 Progressive Web App 上的后退按钮

【英文标题】：Disable back button on Progressive Web App on Iphone

【发布时间】：2021-05-24 14:56:40

【问题描述】：

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

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

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

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

【问题讨论】：

也许this SO thread可以帮助你

【参考方案1】：

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

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

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

【讨论】：

我可以试试这个，但这会解决用户只用手指左右移动屏幕的问题吗？基本上是 Iphone safari 上的后退和前进按钮？你有没有做些什么来禁用它？

不，不会的。用户仍然可以导航。此方法也仅在安装 PWA 时有效。