Flutter for Web -如何使用Chrome API？

kupeojn6 于 2023-02-09 发布在 Flutter

关注(0)|答案(2)|浏览(149)

我正在创建我的第一个Flutter网页应用程序。我需要使用Chrome api。例如，我需要使用它：

chrome.runtime.onInstalled.addListener

   or

   chrome.tabs...

但很遗憾我没有找到任何相关信息。
有可能吗？

2条答案

是的，chrome.* API和所有其他Web API一样都是JavaScript，因此您可以使用Dart的JS支持。
这意味着使用Dart的js库。
例如，您可以像这样绑定一个函数（未经测试，没有任何类型注解，只是一个示例）

@JS('chrome.runtime.onInstalled.addListener')
external void addInstalledListener(Function callback);

编辑：如果您宁愿拉入一个依赖项而不是自己添加，可以使用类似chrome.dart的代码。

import 'package:chrome/chrome_app.dart' as chrome;

void main() {
  chrome.runtime.getPlatformInfo().then((Map m) {
    print(m.toString());
  });
}

我需要在我正在做的一个项目中使用Chrome API和Flutter。
由于我没有找到任何教程，我创建了一个中等的文章来解释如何做：https://medium.com/@joffrey.jougon/how-to-build-a-chrome-extension-on-flutter-and-use-the-chrome-api-62798f73c16f
希望能有所帮助