能否移除PWA应用标题栏的应用名称？或运行时自定义完整标题？

方案1：通过Window Controls Overlay API完全自定义标题栏 #

这是最可靠的方案，能彻底摆脱浏览器默认的「应用名-页面标题」格式，完全掌控标题栏内容：

1. 更新manifest.json，启用窗口控制覆盖模式：

{
  "name": "你的应用名称",
  "short_name": "应用短名",
  "display": "standalone",
  "display_override": ["window-controls-overlay"],
  "window_control_overlay": {
    "color": "#fff",
    "text_color": "#000"
  }
}

2. 在页面代码中自定义标题栏内容（避开窗口控制按钮区域）：

window.addEventListener('DOMContentLoaded', () => {
  if ('windowControlsOverlay' in navigator) {
    // 创建自定义标题元素，定位到标题栏位置
    const customTitle = document.createElement('div');
    customTitle.textContent = "你需要的完整标题文本";
    customTitle.style.cssText = `
      position: fixed;
      top: 0;
      left: 80px; /* 避开最小化/最大化/关闭按钮 */
      padding: 8px 12px;
      color: #000;
      font-size: 14px;
      pointer-events: none; /* 不影响窗口控制按钮操作 */
    `;
    document.body.appendChild(customTitle);
  }
});

该方案支持Chrome/Edge 86及以上版本，完全符合Web标准。

方案2：临时修改manifest的short_name为空（不推荐生产环境） #

虽然不符合Web App Manifest规范的建议，但可以尝试将short_name设为空字符串，部分浏览器会跳过前缀拼接：

{
  "short_name": "",
  "name": "你的应用名称"
}

注意：此方法在不同浏览器版本中表现不稳定，可能被后续更新修复，仅适合临时测试。

方案3：动态修改document.title（无法完全移除前缀） #

直接修改document.title只能改变后缀部分，浏览器仍会保留应用名前缀，因此无法彻底解决问题，仅适合不需要完全移除前缀的场景：

document.title = "自定义页面标题";

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