更新记录

1.3(2021-06-05)

解决html字符串的 标签 结束符 后面 出现其他字符后 不能正确识别标签

1.2(2021-05-24)

匹配换行数据

1.1(2021-05-19)

解决低层标签不出现text的问题,以及大数量卡死问题。

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

HTMLPARSE

Js针对于Html字符串的解析搜索器


验证文件正确性:

  1. 1: 导入此 HtmlParse.js

  2. 2: 执行 new HtmlParse(); 是否存在错误

使用方式

    导入HtmlParse

    // HBuilderX直接导入的插件
    import HtmlParse from "@/js_sdk/ChenK-HtmlParse/HtmlParse.js";
    export default {
        onLoad() {
            console.log(HtmlParse);
        }
    }

    // 执行解析
    var html =
        `
        <div>
            <span>1</span>
            <span>2</span>
            <span>3</span>
        </div>
        <div class="box">
            <span>11</span>
            <span>22</span>
            <span>33</span>
            <div>
                <span>-1</span>
                <span>-2</span>
                <span>-3</span>
                <div>
                    <span>-1</span>
                    <span>-2</span>
                    <span>-3</span>
                    <div>
                        <span>-1</span>
                        <span>-2</span>
                        <span>-3</span>
                    </div>
                </div>
            </div>
            <span>33</span>
        </div>
        `

    1.
        var htmlParse = new HtmlParse(html);
        var res = htmlParse.find("div",`class="box"`);
        console.log(res);
    2.
        var htmlParse = new HtmlParse(html);
        var res = htmlParse.find("div",`class="box"`);
        res = res[0].find("div");
        console.log(res);

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问