如何在Oracle APEX PWA首页添加类似原生应用的退出按钮

下面是可直接落地的操作步骤：

• 第一步：进入首页页面设计器，在你想要放置按钮的位置（导航栏/首页操作区都可以）新建一个按钮，按钮文本设为退出应用，按钮动作选择「重定向到URL」
• 第二步：在URL输入框中填入对应JS代码：
  如果你的PWA是单页应用模式，直接填：
  javascript:window.close();
  如果是多页应用模式，或者上面的代码测试不生效，填以下代码：

  javascript:
  // 先判断当前是否是PWA独立运行环境
  if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone) {
    // 兼容多场景的关闭逻辑
    window.open('about:blank', '_self').close();
  } else {
    apex.message.showError('非PWA独立运行环境无法直接退出');
  }
  

• 第三步：可选兼容性优化：打开共享组件→渐进式Web应用(PWA)→高级设置，在自定义Manifest属性中添加配置"scope": "/"，保证退出逻辑不会被跨页面限制
• 第四步：保存页面并发布应用，重新安装PWA后测试即可，点击按钮会直接关闭应用回到系统桌面，和原生应用退出效果一致

补充兼容方案：如果低版本安卓/iOS系统出现点击后不退出的情况，可以在关闭代码前增加清空历史记录的逻辑，修改代码为：
javascript:window.history.go(-(window.history.length - 1));window.open('about:blank', '_self').close();

内容的提问来源于stack exchange，提问作者Athar Rasheed