主题
元素选择器
适用任务类型
仅 网站内容监控 任务使用元素选择器。HTTP、RSS、Ping、域名与证书任务请见 监控任务类型。
元素选择器允许你 在预览窗口里用鼠标点击 来挑选要监控的内容，自动生成 XPath / CSS 选择器，无需手写代码。
进入选择模式
- 在「新增任务」或「编辑任务」页填好网址，走到 「选择元素」 这一步
- 点 打开预览窗口，会弹出一个独立窗口加载目标页面
- 页面渲染完成后，点预览窗口 工具栏 上的 选择元素
进入选择模式后：
- 鼠标悬停 时元素会以蓝色边框高亮
- 点击元素 即选定，编辑页的列表中出现一条记录
- 可以 连续点击 多个元素，不需要按住任何修饰键
- 工具栏上的 选择元素 会变成 完成选择
多元素挑选
直接连着点就行，选中几个就是几个：
点击 "商品标题"
点击 "当前价格"
点击 "库存提示"元素数量上限随会员等级变化：免费与普通会员 5 个，高级会员 20 个，企业会员 50 个。编辑页的标题会直接写明当前可选上限。
退出选择模式
- 点工具栏上的 完成选择
- 或按 ESC
- 退出后可在预览窗口里继续正常浏览，切换到别的页面再次进入选择
工具栏上还有一个 显示选择，用来切换已选元素在页面上的高亮显示，方便回看自己都选了什么。
选择器列表
编辑页会展示已挑选的元素列表，每行可以：
- 填写备注名，方便在通知里区分是哪个元素
- 在 CSS / XPath 之间切换要用哪种选择器
- 手动编辑选择器内容
- 删除 这一项
想取消某个元素，用列表里的删除按钮，或点预览窗口里该元素高亮上的删除标记。
iframe 内的元素
支持选择 iframe 内的元素。这类元素保存下来的形式是用 >> 把层级串起来：
text
iframe[name="content"] >> //div[@class='price']执行时会自动逐层进入对应的 frame 再抽取内容，你不需要手动处理。
选择技巧
1. 优先选「带文本」的元素
html
✅ <h2 class="title">招聘公告（2026年）</h2>
✅ <span class="price">¥ 3499</span>
⚠ <div class="banner-image"><img src="..."/></div> ← 纯图片不易对比2. 避开「广告位 / 推荐位」
页面里这种元素文案常常每次刷新都不同，会触发误报：
- 「猜你喜欢」「推荐阅读」
- 「热门话题」「相关阅读」
- 顶栏轮播图、动态标签
3. 关键区域多选几个
例如「招聘信息列表」，可以同时挑：
- 列表 第一条 的标题（最新发布）
- 列表 第二条 的标题（兜底）
- 列表的 更新时间 文字
只要任意一项变化都会触发通知。
4. 商品页推荐组合
| 选谁 | 监控目标 |
|---|---|
| 标题 | 商品下架 / 更名 |
| 价格 | 涨价 / 降价 |
| 库存 | 上架 / 售罄 |
| 「立即购买」按钮 | 状态变化 |
XPath 手动微调（进阶）
列表里的选择器可以直接手动修改。例如：
xml
<!-- 自动生成 -->
/html/body/div[2]/div/div[3]/ul/li[1]/h2
<!-- 手动改成更稳定的写法 -->
//ul[@class='news-list']/li[1]/h2调试技巧
浏览器开发者工具（F12）→ Console 中可以验证 XPath：
js
$x("//ul[@class='news-list']/li[1]/h2")选择器无法命中怎么办？
如果执行时报错「元素未找到」，请检查：
- 页面结构是否变化：重新打开任务编辑页，用预览窗口看选择器还能不能命中
- 页面是否需要登录：未登录时看到的页面结构可能不同 → 通过 cookie plus 同步账号
- iframe 结构是否变了：iframe 选择器依赖外层定位，外层 iframe 的属性变化会导致整条失效，重新选一次即可
- 是否是延迟加载：试试增加任务的「页面等待时间」，或配置「提取前滚动」让懒加载内容先渲染出来
限制
- 元素数量上限随会员等级变化（免费与普通 5 个、高级 20 个、企业 50 个）
- 纯 Canvas 绘制的内容无法选取
- 通知模板里引用单个元素内容时，每个元素最多取前 10000 字符