更新记录
1.0.0(2024-06-15)
升级为 uni_modules 版本
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
HTML 文本解析器
将html字符串解析dom方式获取数据
api说明
- 通过 new HTMLParser(text) 创建实例化dom对象
- dom对象包含的方法
方法名称 |
返回类型 |
说明 |
findAll |
Array |
|
getElementsByClassName |
Array |
带有指定样式名称的对象 |
getElementByClassName |
Object |
getElementsByClassName[0] |
getElementById |
Array |
某些网站不规范,可能存在多个id |
单个内容数据类型
{
children:[],
deep:0,
tagName:'div',
...其他标签attribute
}
基本用法
在 script
中引用hc-html-parser.js文件即可
import {
HTMLParser
} from '@/uni_modules/hc-html-parser/js_sdk'
用法:
methods: {
parserHtml()
{
let url = '您请求的地址,APP 可以直接请求网站地址,h5可只用代理'
uni.request({
url: url,
method: 'GET',
success: (res) => {
let html = res.data.results.data
let doc = new HTMLParser(html)
let obj = doc.findAll("#id .类 tag")
// doc.getElementById("id名称") // 返回Array
// doc.getElementsByClassName("class名称") // 返回Array
// doc.getElementByClassName("class名称") // 返回Object
},
fail: (err) => {
}
})
}
}