flutter解析html的图片和链接

最新推荐文章于 2024-07-24 16:53:23 发布

scand123

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量161

点赞数

文章标签： html flutter 链接

本文链接：https://blog.csdn.net/scand123/article/details/132872617

版权

html链接内容如下：

"<p><a href="https://www.hihonor.com/cn/m/notice-14658"
      rel="nofollow"><img alt="750.png" src="https://hshop.honorfile.com/pimages/detailImg/2023/08/31/C757CDF3D975230D36F9176D41A903768F42A8D8198D66CB.png" /></a></p>"

pubspec.yaml文件依赖：

dependencies:
    html: ^0.15.0

import 'package:html/parser.dart';
var document = parse(detail);///其中detail为html获取得到的字符串文本
document.getElementsByTagName("p").forEach((element) {
        var href=element.querySelector('a')?.attributes['href'];
        var imgSrc=element.querySelector('img')?.attributes['src'];
        LogI("element img src = $imgSrc , href=$href");
      });

打印结果：

element img src = https://hshop.honorfile.com/pimages/detailImg/2023/08/31/C757CDF3D975230D36F9176D41A903768F42A8D8198D66CB.png , href=https://www.hihonor.com/cn/m/notice-14658

flutter解析html的图片和链接