从 html 页面获取标题 - FLUTTER

Question

我想在 flutter

中创建带有标题和缩略图的 url 预览

我用http包正确下载了网页，但是获取不到tag https://flutter.dev/docs/cookbook/networking/fetch-data

var document = parse('''<!doctype html>
  <html lang="en">
    <head>
        <title>Hello World!</title>
    </head>
    <body>
        <h1>HELLO WORLD!</h1>
        <p>PAGE HTML!</p>
        <img src="image.jpg">
    </body>
  </html>''');


print("PRINT - "+document.body.getElementsByTagName('h1').toString()); --> ("PRINT - [<html h1>]") *

*我想获得 h1 标题：HELLO WORLD！

谢谢。

Answer 1

我用过一次 html plugin 它给你类似

的东西

var document = parse(response.body);
document.getElementById // or tagName or className

但你会觉得很奇怪html 元素需要解析

Answer 2

您可以使用 flutter-link-preview 插件：

import 'package:flutter/material.dart';
import 'package:link_preview/widget/whatsapp/index.dart';

WhatsAppLinkPreview whatsapp = WhatsAppLinkPreview();

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
      child: whatsapp.build('https://whatsapp.com')
      ),
    ),
  ));
}

Answer 3

print(document.body.getElementsByTagName('h1')[0].innerHtml);

大部分时间都有效。

从 html 页面获取标题 - FLUTTER

Get title from html page - FLUTTER

dart

dart-html

flutter

flutter-dependencies