通过chrome的console验证xpath、css

本文介绍如何在Chrome浏览器中使用开发者调试工具的console面板验证XPath和CSS选择器,无需额外安装插件。通过实践演示,帮助开发者快速定位和解决网页元素选取问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

自从selenium出世以来,出现了很多用来验证xpath/css的插件,但是如果你安装了chrome,其实可以不用使用这些插件的。chrome的console是可以用来验证xpath和css。使用chrome打开你要测试的网站,然后按下F12就可以打开开发者调试工具了,console就嵌套在调试工具里

 

按下Esc键,可以在Elements面板中打开console

 

现在,你可以在console中测试你的xpath或者css了

测试css的语法是-$(“”)

 

输入完毕后,点击回车键。如果你的语句是正确的,会返回该css对应的元素的html语句

如果鼠标停留在console中的这个html语句上,界面上对应的元素会高亮显示

 

ctrl+L快捷键:清空console内容

验证xpath也是类似的。语法是$x(“your_xpath_selector”)。注意:语法中括号里需要通过双引号括起来,如果xpath语句中有双引号,要改成单引号,不然只能解析到第一对双引号的内容

这样就可以不用使用其他插件啦

https://blog.youkuaiyun.com/baixiaozhe/article/details/78189520

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值