Web 常见问题


Web 版本的 Flutter 是否已经准备好投入生产环境中了呢?

Is the web version of Flutter ready for production?

从 1.12 版本开始,Flutter 的 Beta 频道已支持 Web 。

As of the 1.12 release, web support for Flutter is available on the beta channel.

我们不建议将 Web 应用部署到生产环境中

We don’t recommend deploying a web app to production.

如何创建同时在 Web 上运行的应用?

How do I create an app that also runs on the web?

请参见 使用 Flutter 构建 Web 应用

See building a web app with Flutter.

Web 应用上能热重载吗?

Does hot reload work with a web app?



Can I use Flutter plugins?

可以使用了,许多 plugin 已经支持 web。使用 web 过滤器在 pub.dev 上寻找 plugin 更新列表。你也可以向已有 plugin 添加 web 支持,或者编写你的 web plugin

Yes, several plugins have web support. Find an updated list of plugins on pub.dev using the web filter. You can also add web support to existing plugins or write your own plugins for the web.

我该如何提交关于 Web 支持的 issue?

How do I file an issue about web support?

你可以在 Flutter 主仓库中 提交一个 issue。确保标题中包含 “Web” 字样。

You can file an issue on the main Flutter repo. Make sure that “web” is included in the title.


How do I refresh the app running in the browser?

使用浏览器的刷新按钮不会起作用,但你可以在执行 “flutter run -d chrome” 的控制台中输入“R” 进行刷新。

Using the browser’s refresh button doesn’t work, but you can enter “R” in the console where “flutter run -d chrome” is running.

我可以在任意 IDE 中,构建、运行并发布 web 应用吗?

Can I build, run, and deploy web apps in any of the IDEs?

Flutter 最新的 beta 频道已开启 web 支持,你可以在 Android Studio、IntelliJ 和 VS Code 中选择 Chrome 作为目标设备。要启用 web 支持,请在终端中执行以下命令:

You can select Chrome as the target device in Android Studio/IntelliJ and VS Code if you are using the latest beta channel of Flutter and have enabled web support. To enable support, run the following in the terminal:

flutter config --enable-web


You need only run this once.

如果 IDE 已在运行,请重新启动它。设备列表菜单现在应该包含 Chrome(web) 选项了。

If the IDE is already running, restart it. The device pulldown should now include the Chrome (web) option.

我该如何构建响应式 web 应用?

How do I build a responsive app for the web?


See Creating responsive apps.

我能在 web 应用中使用 dart:io 这个 package 吗?

Can I use dart:io with a web app?

不行。文件系统在浏览器中是无法访问的。对于网络功能来说,请使用 http package。请注意,安全方面的工作有所不同,因为浏览器(而不是应用程序)控制 HTTP 请求上的标头。

如何在 Web 用户界面中显示前进和后退按钮?

How are forward and backward buttons presented in the web UI?

Web 应用支持浏览器的后退按钮。前进按钮尚未支持。有关更多信息,请参阅 Issue 32248

The browser’s back button is supported for web apps. The forward button is not yet enabled. For more information, see Issue 32248.


How do copy/paste work?

在移动设备上复制和粘贴可以使用。如果你遇到了什么问题,请 提一个 issue

Copy/paste works on mobile. If you encounter problems, please file an issue.

我该如何把一个 web 应用嵌入到一个网页中?

How do I embed a web app in a web page?




Implementing CORS

HTTP 请求适用于移动设备,但不适用于网络。 Web 应用程序有特殊的安全限制。如果你遇到问题,请检查正在访问的 Web 服务器是否设置了接受来自托管 Flutter 应用程序的域的请求的 CORS 标头。

HTTP requests work on mobile, but not on the web. Web applications have special security restrictions. If you experience problems, check that the web server you are accessing is setting CORS headers that accept requests from the domain hosting your Flutter app.

我该如何使用 CORS 避免 JS 锁定?

How do I avoid JS lockout with CORS?



我该如何调试一个 web 应用?

How do I debug a web app?

使用 Flutter DevTools 来尝试如下工作:

Use Flutter DevTools for the following tasks:

使用 Chrome DevTools 来尝试如下工作:

Use Chrome DevTools for the following tasks:

我该如何测试 Web 应用?

How do I test a web app?

跟常规的 widget tests 通用。

Use the normal widget tests.


Driver tests are not yet supported.

我该如何国际化 Web 应用?

How do I internationalize a web app?



我该如何部署 Web 应用?

How do I deploy a web app?

请参阅 打包并发布到 Web 平台

See Preparing a web app for release.

Platform.is API 现在可用吗?

Does Platform.is work on the web?


Not currently.


How can I compare notes others who are playing with this feature?

请在 Discord 平台的 #web 这个讨论板跟大家讨论, Flutter 团队的工程师会经常阅读和互动。

Check out the #web discussion board on Discord. Flutter engineers routinely read and respond on Discord.