Collector Scraper

提取数据字段

关键技术点

Vue单页应用点击

妙手ERP使用Vue，部分按钮需JS触发：

page.evaluate('''() => {
    var btns = document.querySelectorAll("button");
    for (var b of btns) {
        if (b.innerText.trim() === "编辑") { b.click(); return; }
    }
}()''')

虚拟表格

妙手ERP使用 jx-pro-virtual-table 虚拟表格，数据从输入框提取：

inputs = dialog.query_selector_all('input')
for inp in inputs:
    ph = inp.get_attribute('placeholder') or ''
    val = inp.input_value() or ''

SKU规格提取（JavaScript方式）

使用JavaScript直接提取SKU数据，精确匹配Element UI组件：

价格提取：

const priceInput = document.querySelector('.jx-pro-input.price-input input.el-input__inner');
// 结果: 12.9

库存提取（需去重）：

const allInputs = document.querySelectorAll('.jx-pro-input input.el-input__inner');
// 过滤：排除出现多次的值（重复的是默认值），保留只出现1次的真正库存

SKU图片提取：

const imgBoxes = document.querySelectorAll('.el-image.img-box');
// 在box内查找颜色名称（包含"奶"、"白"、"黄"等关键字）

JavaScript字符串使用注意：

• 使用 r"""...""" 让Python传递原始字符串给JS
• 批量替换：sed -i 's/evaluate("""/evaluate(r"""/g' file.py

前置条件

1. miaoshou-collector 已完成采集
2. 商品已在Shopee采集箱
3. Cookie有效

数据依赖

• 输入: Shopee采集箱商品列表
• 输出: 完整商品数据结构
• 后续模块: product-storer 落库

故障排查