当然有办法解决这个问题！不管你是网站开发者想控制这个按钮的显示，还是普通用户不想看到它，都有对应的处理方式，下面给你详细说明：

针对网站开发者的方法（控制自家网站的安装按钮） #

要是你是网站开发者，不想让Chrome在地址栏弹出这个安装按钮，可以试试这几种方案：

• 修改Web App Manifest配置
  Chrome判断是否显示安装按钮的核心条件之一是Manifest里的display字段。只要你把这个字段设置为browser（默认值），而不是standalone、fullscreen或minimal-ui，Chrome就不会把你的网站识别为可安装的PWA，自然就不会显示安装按钮了。
  举个配置修改的例子：

  {
    "name": "你的网站名称",
    "short_name": "短名称",
    "start_url": "/",
    "display": "browser", // 这里是关键修改
    "icons": [...]
  }
  

• 拦截beforeinstallprompt事件
  要是你不想破坏PWA的离线等核心功能，只是不想显示安装按钮，可以用JavaScript拦截浏览器的安装提示事件，直接阻止它触发：

  window.addEventListener('beforeinstallprompt', (e) => {
    // 阻止默认的安装提示逻辑
    e.preventDefault();
    // 别调用e.prompt()，也别把这个事件存起来供后续使用，这样就不会触发地址栏的安装按钮了
  });
  

  这个方法的好处是，你的网站依然是合格的PWA，只是不会主动触发安装提示和地址栏按钮。

• 移除Service Worker（不推荐）
  这个方法比较极端，因为Service Worker是PWA实现离线功能的核心。如果你的网站完全不需要离线支持，可以去掉注册Service Worker的代码，这样Chrome就不满足PWA的安装条件了，自然不会显示按钮。不过除非必要，不建议这么做。

针对普通用户的方法（全局关闭安装提示） #

如果你只是普通用户，不想看到任何网站的这个安装按钮，可以通过Chrome的实验性设置来全局禁用：

• 在Chrome地址栏输入 chrome://flags/#enable-desktop-pwas
• 把这个选项设置为Disabled
• 重启Chrome之后，所有网站的PWA安装按钮和提示都会被关掉

注意：这个设置是全局生效的，之后如果想安装某个PWA，得再把这个选项改回Enabled才行。

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