1、FireFox和Chrome自带的开发者工具,通过鼠标右键查看元素、检查方式查看元素;
2、FireFox开发者工具查找使用的xpath是否有多个元素:
- 在控制台中输入xpath,前面固定格式$x(“xpath”),输入完成后回车;

- 查看括号中数字,数字表示通过该xpath查找出来的元素个数;

3、FireFox的Try Path工具
- 输入xpath查看是否唯一

4、Chrome查找定位元素是否唯一
- 打开开发者工具,ctrl+f;
- 输入xpath,无需回车,直接能查看到定位的元素情况;

- 控制台一样能用(与FireFox使用方式类似);
document.getElementsByClassName("XX")- 若有查询出多条信息,可在后面加[第几个]


5、快速获取默认的xpath:
- 打开开发者工具,选择要定位的元素,右键-copy-xpath;
- 复制的xpath有些可直接使用,有些稍加修改即可使用;
本文介绍在FireFox和Chrome中使用开发者工具进行元素定位的方法,包括如何检查元素、使用xpath确定元素唯一性,以及快速获取xpath的技巧。适用于前端开发人员提高网页元素定位效率。
6132

被折叠的 条评论
为什么被折叠?



