做ui自动化的最基础的就是页面元素定位了,如果连页面元素都定位不到,自动化从何谈起呢?接下来我们就看看页面元素定位的方法吧!(这里就用百度页面来进行演示)
一、最通用的几种定位方式:
1.通过id定位
driver.find_element_by_id('su')
2.通过name定位
driver.find_element_by_name('mp')
3.通过class属性
driver.find_element_by_class_name('s_ipt')
4.通过文本链接
driver.find_element_by_link_text('新闻')
以上的方法都是最基本的方法,在实际中用到的并不多。接下来的两个方法才是重点!!!
一、xpath方法
1.通过绝对路径(但是这个方法很不可取,不仅会导致程序运行很缓慢,也会显得很low,很不美观,如果路径有几行依然复制几行吗?显然有问题)
driver.find_element_by_xpath('/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input')
2.通过相对路径
以图上定位这个form表单为例
方法一:
driver.find_element_by_xpath('//*[@id="head"]/div/div/div/form')
上面的写法可以理解为,通过xpath寻找,任意(*代表)id属性为’head‘下面的div/div/div下面的form表单
方法二:
driver.find_element_by_xpath('//*[@class="s-form"]/div/form')
上面的写法可以理解为,通过xpath寻找,任意(*代表)id属性为’s-form‘下面的/div下面的form表单
方法三;
driver.find_element_by_xpath('//form[@id="form"]')
上面的写法可以理解为,通过xpath寻找,id为form的form表单
xpath是万能的,没有xpath定不到的元素,还有其他很多地方方法,具体场景具体方法,这里就不一一再举例了....(比如通过文字等等)
一、css方法
还是拿这个图片来举例吧
方法一、单一属性定位
driver.find_elements_by_css_selector('form')
方法二、id定位
driver.find_elements_by_css_selector('form')
方法三、class定位
driver.find_elements_by_css_selector('fm')
方法四、其他属性定位
driver.find_elements_by_css_selector('[name="f"]')
方法五、组合属性定位
driver.find_elements_by_css_selector('form#form') # 属性加上id
driver.find_elements_by_css_selector('form.s_ipt') # 属性加上class
driver.find_elements_by_css_selector('form[name="f"]') # 属性加上其他属性
以上是css最常用的定位方法,还有很多就不一一举例了,具体场景具体使用....
常用操作
click() 点击
send_keys() 输入内容