Sub-Store 是一个用于提取HTML标签内容的工具，支持嵌套标签和多种关键词搜索。以下是详细的步骤指南

访问 API 页面

访问 Sub-Store 的 API 网站，通常通过官网或 API 文档。

http://your-sub-store-url/api

理解 API 接口

Sub-Store 的 API 接口支持以下接口：

• tag: 提取特定标签名的 content。
• href: 提取特定标签的 href。
• class: 提取特定标签的 class。
• id: 提取特定标签的 id。
• re: 增加参数,处理嵌套标签。

设计测试案例

创建一个包含嵌套标签的 HTML 页面：

<div class="sub-store">
  <div>div1</div>
  <div>div2</div>
  <div>div3</div>
</div>

使用 tag 接口

提取特定标签名：

const response = substore.api('tag', 'div');
const data = JSON.parse(response.data);
const divs = data.tags;

使用 href 接口

提取特定标签的 href：

const response = substore.api('href', 'Link');
const data = JSON.parse(response.data);

使用 class / id 接口

提取特定标签的 class 或 id：

const response = substore.api('class', 'sub-store');
const data = JSON.parse(response.data);
const classes = data.tags[].class;

使用 re 参数提取嵌套标签

提取嵌套标签：

const response = substore.api('re', 'div', 'sub-store');
const data = JSON.parse(response.data);

处理结果

将 API 返回的 JSON 转换为所需的数据结构,将内容转换为字典：

const content = data.content;
const result = {
  key1: content[],
  key2: content[1],
  key3: content[2]
};

验证和调试

确保 API 密钥、授权中心和 API 密钥正确，可能需要调试 API 批量调用或使用开发工具。

挑战与扩展

• 权限问题：确保有正确的 API 访问权限。
• 性能优化：处理大量标签或嵌套标签。
• API 动态调整：了解 API 的文档,考虑动态调整参数。

示例

提取嵌套标签：

const response = substore.api('re', 'div', 'div');
const data = JSON.parse(response.data);
const divs = data.tags;

通过以上步骤，可以使用 Sub-Store 提取 HTML 标签内容，支持嵌套标签和关键词搜索，确保权限正确，处理嵌套结构,验证结果。