【selenium学习总结5】----Chrome中利用console进行元素定位

一、console利用xpath定位元素

命令格式：$x("xpath表达式") 返回与指定的XPath相匹配的所有元素的数组

以百度页面为例：

#定位百度一下按钮 
$x("//span/input[@id='su']") 
#定位百度搜索框
$x(".//*[@id='kw']")
$x("//*[@id='kw' and @autocomplete='off']")
#定位hao123
$x("//*[contains(text(),'hao123')]")

 

在使用xpath的模糊匹配以什么结尾时，遇到如下问题：

原因是：ends-with方法是xpath 2.0的语法，而浏览器只支持xpth 1.0

二、console利用css定位元素

命令格式：
$("css表达式") 返回与指定的CSS选择器相匹配的第一个元素，等同于document.querySelector()

$$("css表达式") 返回与指定的CSS选择器相匹配的所有元素的数组，等同于document.querySelectorAll()

以百度页面为例： 

#定位百度一下按钮
#根据id属性去定位
$("#su")
#根据class属性去定位，按钮的class属性值为"btn self-btn bg s_btn"，取其中一段即可
$(".s_btn")
#根据class属性去定位，新闻、hao123、地图、贴吧、视频、图片、网盘、更多的class属性相同
$$(".c-color-t")

 

 

 

更多的元素定位方法请参考https://blog.csdn.net/CSDN_mayan/article/details/124404600