【Delphi 爬虫库 3】使用封装好的 HTML 解析库对 HTML 数据进行解析

文章目录

解析HTML的意义

HTML是Web页面的构建语言,每个Web开发者都需要了解HTML的基础知识。但是,通过手动阅读和解析需要极大的心智和时间投入。这时候,我们就需要使用HTML在线解析工具,方便直接地解析和编辑HTML代码。

通过使用HTML在线解析工具,我们能够实现快速编辑和预览HTML代码的功能。而且,随着科技发展,HTML在线解析工具被越来越多地应用到各种软件和Web应用程序中,具有越来越广泛的应用前景。

1、简单解析HTML代码

下面是一个经典的HTML解析的例子:

html 复制代码
<!DOCTYPE html>
<html>
<head>
  <title>Hello, World, This is title!</title>
</head>
<body>
  <h1>Hello, World, This is h1!</h1>
  <p>This is a paragraph1.</p>
  <p>This is a paragraph2.</p>  
</body>
</html>

我们的目标就是利用Html解析库提取出title h1 p 中的内容.。

核心代码:

js 复制代码
procedure TForm1.Button4Click(Sender: TObject);
var
  LHtml: IHtmlElement;
  LList: IHtmlElementList;
  ExtractedText: string;
begin
  LHtml := ParserHTML(Memo1.Text);
  if LHtml <> nil then
  begin
    ExtractedText := LHtml.Find('title').Text;
    Memo2.Lines.Add(ExtractedText);
    ExtractedText := LHtml.Find('h1').Text;
    Memo2.Lines.Add(ExtractedText);
    ExtractedText := LHtml.Find('p').Text;
    Memo2.Lines.Add(ExtractedText);
  end;
end;

运行返回:

复制代码
Hello, World, This is title!
Hello, World, This is h1!
This is a paragraph1.This is a paragraph2.

2、实战解析HTML代码

虎扑体育中的数据进行解析

HTML源代码非常的长,这里就不贴出了,我们需要对最后的<script id="__NEXT_DATA__" type="application/json">中的json数据解析出来.

核心代码:

js 复制代码
procedure TForm1.Button5Click(Sender: TObject);
var
  LHtml: IHtmlElement;
  LList: IHtmlElementList;
  Json: string;
begin
  LHtml := ParserHTML(Memo1.Text);
  if LHtml <> nil then
  begin
    LList := LHtml.Find('SCRIPT');
    for LHtml in LList do
    begin
      if LHtml.Orignal = '<script id="__NEXT_DATA__" type="application/json">' then
      begin
        Json:= LHtml.InnerHtml;
        Memo2.Lines.Add(Json);
      end;
    end;
  end;
end;

运行返回:

成功解析提取出Json,至于对Json怎么解析上一篇文章已经讲过了。

相关推荐
rannn_1112 小时前
【Javaweb学习|实训总结|Week1】html基础,CSS(选择器、常用样式、盒子模型、弹性盒布局、CSS定位、动画),js(基本类型、运算符典例)
css·笔记·学习·html
一朵梨花压海棠go3 小时前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
空山新雨(大队长)3 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
爬虫程序猿4 小时前
《京东商品详情爬取实战指南》
爬虫·python
元亓亓亓4 小时前
JavaWeb--day1--HTML&CSS
前端·css·html
索迪迈科技4 小时前
Flex布局——详解
前端·html·css3·html5
DONG9134 小时前
深度解析CSS单位与媒体查询:构建现代化响应式布局的核心技术
前端·css·html·css3·媒体
妄小闲5 小时前
网页设计模板 HTML源码网站模板下载
前端·html
ningmengjing_6 小时前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
小白学大数据9 小时前
构建企业级Selenium爬虫:基于隧道代理的IP管理架构
爬虫·tcp/ip·selenium