步骤 1：安装 One-M 库
确保你在项目根目录下运行以下命令：
npm install One-M
步骤 2：在 HTML 文件 中 使用 One-M 库
在 HTML 文件中，导入 One-M 库，并使用其函数来处理网页内容，以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<script src='https://unpkg.com/one-m@2.1./dist/one-m.umd.min.js'></script>网页内容提取</title>
</head>
<body>
<!-- HTML 格式的文本 -->
<p>Hello, World!</p>
<!-- 使用 One-M 库提取特定标签的内容 -->
<script>
console.log(getHTMLText('div', { class: 'main' }));
</script>
</body>
</html>
步骤 3：使用 One-M 库 提取 HTML 标签 和 文本
-
提取所有 HTML 标签：
const tags = getHTMLTags(); console.log('HTML 标签：', tags); -
提取所有 HTML 标签中的文本：
const text = getHTMLText('button'); console.log('包含 'button' 标签的文本：', text); -
提取特定 HTML 标签中的文本：
const textWithClass = getHTMLText('button', { class: 'main' }); console.log('包含 'button' 标签且类为 'main' 的文本：', textWithClass); -
提取所有文本：
const text = getHTMLText(); console.log('所有文本：', text);
步骤 4：使用 API 接口 提取 HTML 标签和文本
使用 API 接口，可以直接从代码中调用 One-M 函数：
const tags = getHTMLTags();
console.log('HTML 标签：', tags);
const textWithClass = getHTMLText('button', { class: 'main' });
console.log('包含 'button' 标签且类为 'main' 的文本：', textWithClass);
步骤 5：验证和测试
确保 One-M 库 工作正常，可以尝试在不同类型的 HTML 文件中测试，包括纯文本、纯 HTML5、包含图片和嵌套标签的页面等。
注意事项
- 兼容性：确保你的浏览器支持 One-M 库，否则可能会报错。
- 性能：对于大文件，考虑使用更高效的工具或方法。
- 性能优化：考虑使用 WebSockets 或其他方法来处理大量内容。
通过以上步骤,你可以有效地使用 One-M 库 来处理网页内容，提取 HTML 标签和文本，满足多种需求。
