元素选择器

适用任务类型

仅 网站内容监控 任务使用元素选择器。HTTP、RSS、Ping、域名与证书任务请见 监控任务类型。

元素选择器允许你 在嵌入式浏览器里用鼠标点击 来挑选要监控的内容， 自动生成 XPath / CSS 选择器，无需手写代码。

进入选择模式

1. 在「新增任务」或「编辑任务」页，输入网址后点 下一步：选择监控内容
2. 客户端右侧会嵌入一个浏览器，加载目标页面
3. 当页面渲染完成，点击右下角 选择元素 按钮

进入选择模式后：

• 鼠标悬停 时元素会以橙色边框高亮
• 点击元素 即选定，列表中出现一条 XPath 记录
• 再次点击同一元素 取消选择

多元素挑选

按住 Shift 可以连续选择多个元素：

按住 Shift
  └── 点击 "商品标题"
  └── 点击 "当前价格"
  └── 点击 "库存提示"
  └── ...

最多支持 20 个元素 并存。

退出选择模式

• 再次点击 选择元素 按钮
• 或按 ESC
• 退出后可在浏览器里继续正常浏览，切换到目标页面再次进入选择

选择器列表

页面下方会展示已挑选的元素列表，每行包含：

• 序号
• 元素简介（标签 + 文本）
• XPath（点击可复制）
• 当前抽取到的文本预览
• 删除 操作

选择技巧

1. 优先选「带文本」的元素

✅ <h2 class="title">招聘公告（2026年）</h2>
✅ <span class="price">¥ 3499</span>

⚠ <div class="banner-image"><img src="..."/></div>   ← 纯图片不易对比

2. 避开「广告位 / 推荐位」

页面里这种元素文案常常每次刷新都不同，会触发误报：

• 「猜你喜欢」「推荐阅读」
• 「热门话题」「相关阅读」
• 顶栏轮播图、动态标签

3. 关键区域多选几个

例如「招聘信息列表」，可以同时挑：

• 列表 第一条 的标题（最新发布）
• 列表 第二条 的标题（兜底）
• 列表的 更新时间 文字

只要任意一项变化都会触发通知。

4. 商品页推荐组合

选谁	监控目标
标题	商品下架 / 更名
价格	涨价 / 降价
库存	上架 / 售罄
「立即购买」按钮	状态变化

XPath 手动微调（进阶）

选好的元素，每行右侧有 编辑，可以手动修改 XPath。例如：

<!-- 自动生成 -->
/html/body/div[2]/div/div[3]/ul/li[1]/h2

<!-- 手动改成更稳定的写法 -->
//ul[@class='news-list']/li[1]/h2

调试技巧

浏览器开发者工具（F12）→ Console 中可以验证 XPath：

$x("//ul[@class='news-list']/li[1]/h2")

选择器无法命中怎么办？

如果执行时报错「元素未找到」，请检查：

1. 页面结构是否变化：重新打开任务编辑页，看选择器还能不能命中
2. 页面是否需要登录：未登录时看到的页面结构可能不同 → 通过 cookie plus 同步账号
3. 是否在 iframe 内：当前版本暂不支持选择 iframe 内的元素
4. 是否是延迟加载：试试增加任务的「页面等待时间」（默认 3 秒）

限制

• 元素必须在 主文档 中，iframe 暂不支持
• 单任务最多 20 个元素
• 抽取的内容会被截断保留前 5000 字符