携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情

做过web自动化开发测试的同学可能会有感受，需要自己去写xpath，css-selector， 然而定位的目标网站内容是动态的，同时网站开发团队也在不停迭代，经常会导致自己的脚本里的xpath，css-selector等需要跟随去改变， 如何写出一个尽可能稳定的xpath，css-selector，貌似没有一劳永逸的办法。今天先列举几个用户数量挺多的xpath工具，大都基于chrome的浏览器插件。

Chrome扩展

Selenium IDE

600,000+ users， 236 reviews， rating 3.4 最新迭代版本：December 7, 2021

从介绍里知道，主要功能是提供录制和回放selenium tests。

ChroPath

200,000+ users， 1032 reviews rating 4.6 最新迭代版本：August 2, 2021

主要是用于产生xpath，css-selector，可以选择属性集合

论坛已经不在运营，访问是404.

XPath Helper

200,000+ users, 602 reviews, rating 3.5 最新迭代版本：July 13, 2015

主要功能也是生成xpath。

Katalon Recorder (Selenium tests generator)

100,000+ users, 230 reviews, rating 4.2 最新迭代版本：June 30, 2022 提供录制和回放selenium test cases，有点类似Selenium IDE,但是从最新的reviews看，评价不高

SelectorsHub

上线两年 100,000+ users, 1199 reviews, rating 4.9 最新迭代版本：August 16, 2022

这是评价很高的chrome插件，用户数增长也很不错，开发者开提供了收费版本SelectorsHubPro， 1美刀一个月。开发者还提供了一些的产品也是关注在测试领域。

Jetbrains Selenium UI Testing

Jetbrains 提供的开发工具，依托PyCharm Professional 或者IntelliJ IDEA的扩展工具。可以录制元素，产生代码，好的体验是在IDE里写代码的过程中定位元素，对于开发者来说体验一致。

Visual Studio Code Clicknium extension

在VSCode里进行网页元素的录制，提供代码智能提示， 对于使用VSCode的开发者来说体验一致，而且大部分场景下无需关注xpath， css-selector， 只需要调整录制出来的选择器属性即可。 可以参考官网的[演示视频](The best python automation module | Clicknium

最后欢迎大家评论区说说自己喜欢用的网页元素定位工具。