概述

在之前的文章中提到一些 xpath 实战的边界场景，评论区小伙伴比较感兴趣，故写此篇文章进行记录。本文主要将 xpath 的稳定性分为三个环节（是足够涵盖之前文章提出的一些边界场景的）：

1. xpath 生成的边界场景：div[1] 与 div，svg 元素，id 的识别
2. 实际业务中，dom 结构不稳定的场景分析：逻辑与表达式，三元表达式，动态弹窗，动态组件
3. xpath 的特殊场景：列表标记。

在实现可视化埋点的过程中，元素圈选是其功能中不可或缺的一环，其能力具备一定的通用性，故将其逻辑从 可视化埋点平台 中剥离出来，单独作为一个独立的工具方法暴露出来，源代码及演示可直接在 github仓库中 查看。本文主要是对其实现的拆解和其中关键点的记录。

到年底了，网上陆陆续续年终总结也多了起来。每次当我在看年终总结的时候，其实或多或少都觉得无趣，因为别人的生活，其实我一点都不关心。看了几本书，写了几个需求，旅了几次游，说实话，和我一点关系也没有。当然，别人看我的年终总结也大抵如此。