更新记录

1.0.2（2022-02-13） 下载此版本

• 修改路径失败的问题

1.0.1（2022-02-13） 下载此版本

• 修改路径失败的问题

1.0.0（2021-02-10） 下载此版本

• 升级为 uni_modules 版本

平台兼容性

HTML 文本解析器

用于解析请求网络地址得到的text文本，通过HTML的DOM方式获取节点字符数据。

H5需要安装Chrome插件对跨域进行处理，APP就不会有问题。

DOM操作属性说明：

1. 将请求获取得到的HTML文本text字符串，通过 new HTMLParser(text) 实例化为DOM操作对象。
2. 实例化的DOM操作对象可以操作属性获取节点的HTML文本字符信息。

使用方式：

在 script 中引用html-parser.js文件即可

import HTMLParser from "@/uni_modules/html-parser/js_sdk/index.js"

用法：

mounted() {
    // 触发请求数据
    this.parserData().then(res => {
        console.log(res);
    });
},
methods: {
    // 异步等待解析数据
    async parserData() {
        const jsonData = {};
        // 请求数据
        const [error, res] = await uni.request({
            url: 'https://ext.dcloud.net.cn/'
        });
        // 成功返回
        if (res) {
            // 数据存放
            const pluginList = [];
            // 获取HTML文本转DOM操作
            const doc = new HTMLParser(res.data.toString().trim());
            // 选取插件列表内层的HTML文本
            const pluginListText = doc.getElementsByClassName('plugin-list')[0];
            // 获取插件列表数据转DOM操作
            const pluginArrayDoc = new HTMLParser(pluginListText).getElementsByTagName('li');
            // 遍历每个插件对象
            for (let plugin of pluginArrayDoc) {
                // 插件对象
                let pluginObject = {};
                // 插件对象HTML文本转DOM操作
                let pluginDoc = new HTMLParser(plugin);

                // 获取插件标题转DOM操作
                let pluginTitleText = pluginDoc.getElementsByClassName('extend-title')[0].trim();
                let pluginTitleDoc = new HTMLParser(pluginTitleText);
                pluginObject.title = pluginTitleDoc.getElementsByTagName('A')[0].trim();

                // 获取插件下载次数转DOM操作
                let className = 'download';
                if (pluginDoc.getElementsByClassName('buy').length) className = 'buy';
                let numText = pluginDoc.getElementsByClassName(className)[0]['innerHTML'].trim();
                let numTextDoc = new HTMLParser(numText);
                let numTextNum = numTextDoc.getElementsByTagName("A")[0]['innerHTML'].trim();
                pluginObject.num = numTextNum.substr(numTextNum.lastIndexOf(';') + 1);

                // 存入数据
                pluginList.push(pluginObject);
                pluginObject = {};
            }
            // 返回数据
            jsonData.errMsg = "请求成功"
            jsonData.data = pluginList;
        }
        // 失败返回
        if (error) {
            jsonData.errMsg = "暂无数据"
            jsonData.data = "null";
        }
        // 返回数据对象
        return jsonData
    }
}