常识:快速验证 “自己写的元素定位方式\路径” 是否能定位成功

方法1:

场景:

之前写出元素定位方式 和 路径 后,只有运行代码才能知道此定位方式及路径 是否正确,是否能定位成功,很耗时很耗时……

解决方法(从前辈那学习的方法):

利用谷歌浏览器自带功能 验证 自己写的元素定位路径 是否能唯一识别元素

步骤1:f12 打开 "developer tools"

步骤2:control +f    打开查找元素 搜索框(在浏览器底部),输入路径后,定位到哪个元素及定位了几个元素数字会显示

例如(某路径没有定位到任何元素)

常识:快速验证 “自己写的元素定位方式\路径” 是否能定位成功

例如(某路径 定位到1个元素):

常识:快速验证 “自己写的元素定位方式\路径” 是否能定位成功

例如(某路径 定位到6个元素):

常识:快速验证 “自己写的元素定位方式\路径” 是否能定位成功

当然,我们期望的是所写的路径 是定位到1个元素

其他浏览器也有,有用到的可以找下

方法2--css selector定位方法快速验证:

f12 键打开Chrome浏览器 Developer Tools,"Console" tab下输入document.querySelector("")

常识:快速验证 “自己写的元素定位方式\路径” 是否能定位成功