应用截图

详细介绍

可视化选择页面元素，导航至父元素，构建 XTag 选择器（用于 XTagManager 和 Schneider Electric Tag Manager）。 XTag Selector 允许您可视化选择页面中的任意元素，并在必要时导航至其父元素。然后，它会构建可用于 XTagManager 或 Schneider Electric Tag Manager 配置工具的选择器。 • 点击工具栏图标可启用或停用 XTag Selector。 • 使用绿色选择器，将鼠标悬停在当前页面中要选择的任意元素上。 • 如果无法选择正确的区域，请选择其中一个内容元素，然后点击 [Select parent]，直到选中所需内容。 • 右键点击高亮显示的元素，然后选择选择器类型： ► 链接追踪：选择一组元素。如果选区中没有节点，系统会发出提醒。 ► 操作追踪：为按钮等非链接元素设置点击追踪。当上一个选项提示没有链接时使用。 ► 值提取：选择选区内的文本或数字，例如用于销售追踪（如果只对数字感兴趣，无需担心货币或本地分隔符，系统会正确格式化）。 ► 区域选择：选择任意内容，例如用于点击区域或搜索区域。 • 选择器将被复制到剪贴板并显示在页面上，直到下一次选择。您也可以在 Chrome 控制台中查看。 • 要停用，可再次点击工具栏图标、左上角的 X-Selector 提示，或按 Esc 键，或切换到另一个标签页。 ************************************************* XTag Selector 节点语法是 XPath 的简化版本，但它只选择重要的祖先节点，并以特定方式选择，以适应结构变化： • ParentNode/ChlidNode/.../MyNode，其中节点可以是： ► id 或 @id：节点的 ID ► tagName:className[index]：按类型和类选择标签（可以为空以获取全部） DIV:row >> 选择所有类为 'row' 的 DIV，或者在作为祖先节点时只选择第一个。 DIV:row[3] >> 选择第四个类为 'row' 的 DIV A:cta* >> 选择类名包含 'cta' 的所有节点。