Google 的野心，全平台支持的 Flutter！

一. 序

在 Google I/O 2019 上，Dart 团队宣布推出新的 Flutter 稳固版本 1.5，这是 Flutter 迄今为止最大的一次版本发布。

伴随着 Flutter 1.5 的发布，同期也宣布发布 Flutter for Web 的 Preview 版本，正式开启了 Flutter 的全平台 UI 框架之路。

早在年初发布的 Flutter 2019 Roadmap 中，就有提到，会在今年支持移动设施之外的平台，对 Web 的支持，算是完成了一个新的里程碑吧。

二. Flutter for Web

Flutter 之所以能够在移动平台上运行，主要是依赖的 Flutter Engine，就是 Flutter 所依赖的运行环境。这就导致在移动平台，只需你使用了 Flutter，哪怕只用混合开发的模式写了一个页面，这也将为你的 App 增大大约 4MB 的体积。

而 Flutter for Web，完全是一种全新的模式，它可以将 Dart 编写的现有 Flutter 代码，编译成可嵌入浏览器并部署到任何 Web 服务器的代码。

编译后的代码，完全是基于 HTML、CSS 和 JavaScript 这些标准的 Web 技术，所以它也不需要任何浏览器插件的支持。

早期微软的 Silverlight 和 Adobe 的 Flash 都证实了，一切需要插件才能支持的 Web 应用，都是纸老虎，最终都会被基础的 HTML 技术所替代。

我想这也是 Flutter for Web 选择这种支持方式的一个考量因素。

增加 Web 支持，涉及在标准 API 之上，实现 Flutter 的核心绘图层，结合使用 DOM、Canvas 和 CSS，Flutter for Web 能够实现在现代浏览器中提供便携的、高质量和高性能的客户体验。

Flutter for Web 很大程度上，归功于 Chrome、Firefox 和 Safari 等现代浏览器的快速发展，这些浏览器提供了基础的硬件加速的图形、动画和文本以及 JavaScript 的快速执行。

随着 Flutter for Web 的发布，Flutter 正式成为一个全平台的 UI 框架。

Flutter 最初的设想，也并不是想作为一个 HTML 的替代品，而是想基于 Flutter 能够快速构建出全平台的所支持的，图形丰富、交互流程的应用。

在 Google I/O 上，也展现了最近刷屏的 KENKEN 益智游戏（文末有地址），该游戏在 Android、iOS、Web、Mac 和 Chrome 上，运行的都是相同的代码。

Flutter for Web 还只是一个 Preview 版本，还有很多不足和被限制的地方。

少量限制：

1. Flutter_web 的插件还不完善，暂时只提供了最基础的dart:html、dart:js、dart:svg、dart:indexed_db，可以通过他们访问绝大多数浏览器的 API。

2. 并非所有的 Flutter 都在 Flutter_web 上实现了。

3. Flutter_web 编译还很慢。

4. 在桌面浏览器上运行，还有少量不足，大部分是基于移动应用的操作特性，而没有对桌面系统的操作习惯进行特殊的优化。

5. 开发流程目前仅支持 Chrome。

更多细节，可以直接上 Github 上查看。

三. 小结

自此 Flutter 就不再是一个单纯的移动框架，而是一个多平台框架，通过它，可以快速的构建应用，更快的触达客户。

坦率的讲，Flutter 这一年的发展以及推广效果都是惊人的，据公开的消息来看，不少一线大厂已经在少量生产项目上，尝试使用 Flutter，尽管尝试的大多都并不是主力项目，但这背后肯定也少不了 Google 的推广，Google 本身对 Flutter 的期望也很大，短期应该不会凉。

不过框架这个东西，有兴趣看看就好了，毕竟铁打的基础，流水的 API，不要花太多的精力沉浸在框架中，把编程的基础技术学好才是正道。假如真到了公司想尝试 Flutter 的地步，专门花一周两周突击一下，一定能上手。

本文对你有帮助吗？欢迎在下方评论留下您的见地。

reference: flutter/flutter_web

https://www.nytimes.com/games/prototype/kenken#/

小结

本人Java开发4年Android开发5年，定期分享Android高级技术及经验分享，欢迎大家关注~（分享内容包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！）

最后文末放上一个技术交流群：Android IOC架构设计

群内有许多技术大牛，有任何疑问，欢迎广大网友一起来交流，群内还不定期免费分享高阶Android学习视频资料和面试资料包~

再推荐一篇文章：“寒冬未过”，阿里P9架构分享Android必备技术点，让你offer拿到手软！