首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Chrome下F12自带的Xpath及CSS提取验证功能

上次说到了通过第三方插件可以在Chrome中完成Xpath提取和Xpath验证的功能,一直没注意过Chrome自己有Xpath验证功能,于是被小伙伴批评了,这里赶快检讨,以后要放弃Firefox了看来。

Xpath&CSS提取

在页面上需要的对象上点击检查,即可在F12的开发者工具中定位到对应的代码

也可以在F12开发者工具中选择Elements,再通过左上角的Ctrl+shift+c选择工具在对应的界面上选择元素,在定位得到的代码。右键菜单Copy后就是对应的Xpath定位和Css定位。

Xpath&CSS验证

在F12开发者工具中的Elements界面中使用快捷键Ctrl+f切出查询功能

在这里就可以输入css或者xpath定位信息。

可以看高亮的定位对象和对应的匹配个数,完全满足我们的使用。

感谢:A洒脱的风、.。ooOkay两位网友的留言提醒。

最后说一下上次说的插件地址,有朋友问到为什么找不到,直接在Chrome浏览器访问这个地址即可

https://www.ranorex.com/selocity/browser-extension.html

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171211G0NG5O00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券