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
相关产品推荐
相关产品推荐

