# Dxm Basic Info

> 店小秘速卖通编辑页——基本信息模块：标题改英文 + 产品分类选择

- Skill: `southernspark-nfxh/dxm-basic-info` (Agent Skill)
- Install (CLI): `npx skillmds@latest add southernspark-nfxh/dxm-basic-info`
- Raw SKILL.md: https://api.skillmd.com/api/skills/southernspark-nfxh/dxm-basic-info/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: southernspark-nfxh (https://skillmd.com/u/southernspark-nfxh)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/southernspark-nfxh/dxm-basic-info

---


# 店小秘基本信息模块

## 环境

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自动化专家工作流*