店小秘基本信息模块

环境

CDP browser_cdp 直连：

• GET /json/version → 获取 webSocketDebuggerUrl
• Target.getTargets → 找编辑页 target
• Runtime.evaluate + Page.navigate + Input.dispatchMouseEvent

编辑页 URL 格式：https://www.dianxiaomi.com/web/smt/edit?id={product_id}

Step 1：标题改为英文

规则

• 纯英文，128字符以内
• 从1688中文标题翻译，保留核心关键词
• 示例：折叠喝水神器随行杯便携式饮水器狗狗外出饮水杯 → Collapsible Portable Dog Water Bottle Travel Pet Water Dispenser Outdoor Drinking Bowl

CDP 操作

Runtime.evaluate:
  const input = document.querySelector('input[placeholder*="标题"], textarea[placeholder*="标题"]');
  const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set;
  setter.call(input, 'ENGLISH TITLE HERE');
  input.dispatchEvent(new Event('input', {bubbles: true}));
  input.dispatchEvent(new Event('change', {bubbles: true}));

⚠️ 注意

• 必须用 nativeInputValueSetter，Vue 3 不响应直接 el.value = xxx
• 填完后用 Runtime.evaluate 读回验证

Step 2：选择产品分类

页面位置

基本信息 tab → 「产品分类」字段旁边的「选择分类」按钮（注意：分类在基本信息 tab，不是属性信息 tab）

弹窗结构（2026-06-14 实战验证）

分类弹窗使用 .categories-box 结构，不是 ant-tree：

• 4 个 .categories-box，每个代表一层树
• 每列内 .categories-item 是可点击节点
• 当前选中节点带 class="active"
• 面包屑路径：家居用品(Home & Garden) > 宠物用品(Pet Products) > 养狗用品(Dog Supplies) > 狗携带用品(Dog Carriers & Bags)

CDP 操作流程（已验证有效）

选择逻辑：

1. 找到「选择分类」按钮（基本信息 tab，坐标约 x=1017, y=405）
2. Input.dispatchMouseEvent mousePressed + mouseReleased 打开弹窗
3. 等 1-2 秒让弹窗渲染
4. 按面包屑路径逐列定位：列0→一级、列1→二级、列2→三级、列3→叶子
5. 在目标列中找 .categories-item-name textContent 匹配 → 点击
6. 验证该 item 变为 class="active"
7. 点弹窗 footer 的「选择」按钮确认（坐标约 x=1539, y=579）

分类命名规则

• 优先按标题关键词找完全匹配类目
• 无完全匹配时选最接近的
• 宠物用品常见类目：宠物用品 > 狗 > 携带用品 > 狗携带用品

⚠️ 已知坑点

1. 分类弹窗用 .categories-box 不是 ant-tree，不要用 hover 展开——直接点击 .categories-item-name
2. 弹窗内列的内容可能很长需要滚动
3. 分类选错会导致 SKU 属性全部「已废弃」——改分类后自动修复
4. 用 CDP Input.dispatchMouseEvent，不要用 JS .click()（Vue 3 不响应）
5. 分类在基本信息 tab，不在属性信息 tab

---

作者: 南方星火 SouthernSpark | 小红书 @南方星火 SouthernSpark | AI自动化专家工作流