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

本文介绍了两种快速验证元素定位是否成功的方法。方法一是利用谷歌浏览器开发者工具,通过F12打开,Ctrl+F查找元素,观察定位元素数量。方法二是通过CSS Selector在Console中输入document.querySelector()进行验证。
摘要由CSDN通过智能技术生成

方法1:

场景:

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

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

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

步骤1:f12 打开 "developer tools"

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

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

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

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

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

其他浏览器也有,

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值