Flutter Web如何禁用应用下载及保存到桌面选项？

你看到的下载/添加到桌面提示本质是浏览器检测到站点符合PWA（渐进式Web应用）标准后弹出的安装提示，Flutter Web默认会集成PWA相关配置，你可以根据需求选择以下方案禁用：

方案1：完全移除PWA相关配置（彻底禁用） #

• 第一步：删除项目web目录下的manifest.json文件，这是PWA的核心标识文件，浏览器依赖该文件判断是否支持安装
• 第二步：删除web/index.html中的PWA关联代码：
  1. 移除<link rel="manifest" href="manifest.json">标签
  2. 移除默认的service worker注册代码，代码片段大致如下：

  if ('serviceWorker' in navigator) {
    window.addEventListener('load', function () {
      navigator.serviceWorker.register('flutter_service_worker.js');
    });
  }
  

• 第三步：重新执行flutter build web打包部署后，提示就不会再出现

方案2：仅禁用自动弹出的安装提示，保留PWA其他特性 #

如果你需要保留PWA的离线缓存等能力，只是不想让浏览器主动弹出安装提示，可以直接在web/index.html的<head>标签内插入以下代码：

window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  return false;
});

该代码会拦截浏览器的安装提示触发事件，阻止弹窗弹出，其他PWA能力不受影响。

注意：部分移动端浏览器自带的「添加到桌面」菜单项是浏览器自身功能，不属于PWA触发的自动提示，这类入口无法通过前端代码禁用，以上方案仅能屏蔽浏览器自动弹出的安装类提示。

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