Flutter 教程之使用 Flutter 构建 Chrome 扩展（教程含源码）

自2018 年 12 月 4 日首次发布Flutter 1.0以来，Flutter 已经在野外存在了很长一段时间，并得到了社区的非常惊人的响应。

如果你在这里，你可能已经知道Flutter——一个由谷歌推出的跨平台框架，能够在 Android、iOS、Web、macOS、Linux、Windows 和更多种类的设备上运行。

随着Flutter 3.0的推出，macOS 和 Linux 平台也得到了稳定的支持。所以，现在 Flutter 可以称得上是一个真正的自适应多平台框架，稳定支持 Android、iOS、Web、macOS、Linux 和 Windows——这简直太棒了

但是等等……那些“更多种类的设备”呢？

其中包括各种知名的物联网设备（Raspberry Pi 和 Arduino）、智能手表（Apple Watch 和 Google 的 WearOS 设备）、VR 耳机（Meta Quest 2）、游戏机（Xbox），以及一些更独特的 Flutter 运行方式应用程序。

Flutter 仍在这些平台上进行测试（希望很快会有稳定的版本发布）

今天，我们将探索一种将 Flutter 应用程序作为chrome 扩展程序运行的独特方式——相信我，这真的很简单 😁。

您可以使用带有标志的 HTML 渲染器生成 Flutter Web 构建–csp，并且可以将其用作 chrome 扩展。

在我们深入构建扩展之前，让我们大致了解一下 chrome 扩展