You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter Web的「安装应用」功能是什么?如何禁用该功能?

Flutter Web在Chrome中出现的「安装应用」功能说明及禁用方法

一、这个功能是什么

这是**PWA(渐进式Web应用)**的安装提示。Flutter Web默认会生成符合PWA标准的配置文件(如manifest.json、Service Worker),当Chrome浏览器检测到网站满足PWA的安装条件时,就会在地址栏显示「安装应用」的提示。安装后,这个Web应用会以轻量级本地应用的形式存在,你可以从Mac的Launchpad启动它,在独立窗口中运行,无需打开Chrome浏览器就能使用。

二、如何禁用这个功能

有两种常用方法可以关闭这个安装提示:

  • 方法1:修改Flutter项目构建配置
    在项目根目录的pubspec.yaml文件中,找到flutter配置块,添加web子项并设置generate_manifest: false,这样构建Web应用时就不会自动生成PWA所需的manifest.json文件:
flutter:
  # 保留原有其他配置
  web:
    generate_manifest: false

修改完成后,重新执行构建命令:flutter build web

  • 方法2:修改已生成的manifest文件
    如果你的项目已经生成了web/manifest.json,可以直接修改其中的display字段为browser,让浏览器始终以普通网页模式打开应用,不再触发安装提示:
{
  // 保留原有其他字段
  "display": "browser"
}

内容的提问来源于stack exchange,提问作者urir

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 14:19:52