在 Flutter Web 中动态更新 index.html 中的 HTML 元标记

Question

我在 Flutter web 中创建了一个网站，并在 index.html 中添加了所有元标记以进行 SEO。标题标签使用 Flutter Title 小部件更新，但我想在网页更改时为 SEO 更新描述、关键字、og:title、og:description 等 HTML 标签。我怎样才能做到这一点？

Answer 1

要在标头中附加元，请在 main 和 runApp 之前尝试此操作

  html.MetaElement meta = html.MetaElement();
  meta.content = "meta-content";
  meta.name = "meta-name";
  html.document.head?.append(meta);

并且不要忘记添加到依赖项中的 pubspec.yaml 文件

http: ^0.13.4

最后检查您的页面以查看它，它将在 header 的关闭标记之前找到，您也可以将任何脚本或元素附加到 head 或 body 标记