selenium之1 定位网页元素技巧

自动化测试运行python文件方法
新建后缀名为.py的文件，如，test.py
在test.py目录下，打开cmd
输入python 文件名，如，python test.py

find_element_by_id，find_element_by_name，find_element_by_class_name

• 打开浏览器

//火狐
browser = webdriver.Firefox()；
//谷歌
browser = webdriver.Firefox();

• 打开网页

browser.get("http://baidu.com")
使用python判断是否正确
browser.title 或者 browser.current_url

• 定位元素的8种方法（注意名字要唯一）

id： find_element_by_id() 采用id属性进行定位
name： find_element_by_name() 定位方式和id定位相似，id、name和class一般在网页都至少会有其中的一种		
class name： find_element_by_class_name() 定位方式和id定位相似，id、name和class一般在网页都至少会有其中的一种	

• 定位到元素后的方法

clear() //清空
send_keys() // 输入
back()  //后退页面
maximize_window() // 最大化窗口
click()   //点击事件，点击按钮，超链接
submit() //提交表单

• 定位到元素后的属性

tag_name  //标签名
text  //文本内容 

tag name：find_element_by_tag_name() 通过标签名去定位，用的少，如find_element_by_tag_name("div")
link text： find_element_by_link_text() 超链接内容定位，元素内容 如 xxx ，则find_element_by_link_text("xxx")

from time import sleep
sleep(5)
partial link text：find_element_by_partial_link_text() 超链接内容定位，模糊匹配，和上面类似

css定位
元素[属性=值]

 css selector：find_element_by_css_selector()

根据CSS属性定位，一般class是用.标记，id是用#标记，定位方式也会比xpath快，如 find_element_by_css_selector(‘input[id=‘search’]’)

定位css选择器的方法：
右击页面—>查看元素—>右击—>复制—>css选择器
实例：进入淘宝首页，点击爱逛街

from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("https://www.taobao.com/")
print(driver.title)
sleep(3)
driver.find_element_by_css_selector(".shopping-list > li:nth-child(1) > a:nth-child(1) > div:nth-child(1) > img:nth-child(1)").click()

xpath定位
xpath语法：xpath语法地址
注意 ： ”//“ 是全部的意思，即全文扫描， ”/“ 的相邻的意思, *是所有元素， ”…“是元素的父节点, "."是当前节点

xpath ：find_element_by_xpath()

xpath是XML路径语言，通过元素的路径来完成对元素的查找，HTML就是XML的一种实现方式，在FriePath插件里copy对应的xpath地址

定位xpath的方法：
右击页面—>查看元素—>右击—>复制—>xpath

实例：进入淘宝首页，点击爱逛街

from selenium import webdriver
from time import sleep
driver=webdriver.Firefox()
driver.get("https://www.taobao.com/")
print(driver.title)
sleep(3)
driver.find_element_by_xpath("/html/body/div[5]/div/div[2]/div/ul/li[1]/a/div[1]/img").click()