css介绍
Webside = html+css+javascript
Xpath VS css
-css整体上比xpath 表达更简洁
-css查找速度比xpath更快
-xpath功能比css强,可以从内往外查找
-css不支持通过文本查找元素
css 选择器
css 选择器
基本语法
id属性: 标签#属性值
Xpath: //input[@id = “kw”]
Css : input#kw
Class属性: 标签.属性名
Xpath: //input[@class=”s_ipt”]
Css: input.s_ipt
属性:
-xpath: //input[@name=”wd”]
-css: input[name=wd]
selenium二次封装
封装成类
driver:Chrom表示该参数类型是Chrom,之后使用该参数能自动显示浏览器所有的方法
初始化函数,传入浏览器对象,要赋值给类里的属性,以便之后的函数都能使用
封装get方法
访问url地址
def goto(self,url):
if url.find("http://") != -1:
return self.driver.get(url)
else:
return self.driver.get(self.host + url)表示如果传入的url能找到http:// 就直接访问url,否则就要加上host
回顾:通过find函数查找字符串,如果能找到,返回索引,如果不能找到,返回-1
封装send方法
输入框操作,参数为xpath方法和表达式组成的列表或者元组(By.XPATH,”表达式”),作为设置显性等待的条件时所需要查找的元素, 输入的内容
#输入框操作,参数为表达式,输入的内容
def send(self,locator,words):
wait = WebDriverWait(self.driver, timeout=10)
condiction = when.visibility_of_element_located(locator)
input_el = wait.until(condiction)
input_el.send_keys(words)注意:如果send方法里没有使用显性等待,那么locator仍然要传入一个元组(By.XPATH,”表达式”),然后查找元素时候用*拆分,表示位置不定长参数
def send_1(self,locator,words):
input_el = self.driver.find_element(*locator)
input_el.send_keys(words)
封装click方法
点击操作,参数为xpath方法和表达式组成的列表或者元组(By.XPATH,”表达式”)作为设置显性等待的条件时所需要查找的元素
#点击操作,参数为表达式
def click(self,locator):
wait = WebDriverWait(self.driver, timeout=10)
condition = when.element_to_be_clickable(locator)
el = wait.until(condition)
el.click()封装好之后,代码会变得简洁
切换
窗口切换
Browser.swich_to.window()
参数传入窗口名称(字符串),可以先获取所有窗口(列表),然后通过索引找到对应窗口的名称
详情:https://blog.csdn.net/conlin233/article/details/121422594#t1
iframe切换
如果元素标签有<iframe>,相当于一个子页面,不能在该页面上定位子页面的元素,需要切换到子页面
iframe里的元素不能直接查找,需要切换iframe子页面
1,使用brower.switch_to.frame()方法,参数传入有以下的方式
-通过iframe的name属性
-通过索引,通常不用
-通过查找iframe元素,通常使用
#查找iframe
frame =broswer.find_element(By.ID, "i")
#切换iframe
broswer.switch_to.frame(frame)切换之后再进行iframe子网页里的元素查找和操作
iframe.click((By.XPATH,'//a[contains(text(),"自动化之")]'))极端场景:
切换回主页面
browser.switch_to.default_content()如果iframe里面又嵌套一个iframe,需要一层一层切换进去
先找到第一层iframe的元素,切换去第一层iframe
在第一层iframe中找到第二层iframe的元素,切换去第二层iframe
如果要从第二层iframe退回到第一层iframe
browser.switch_to.parent_frame()alert切换
通过原生alert,prompt调用出来的才能使用该切换方法,弹框一般在url附近,并且弹框出现后,其他元素会定位不了
?
?点击hello之后,会弹出弹框,此弹框是alert
此时不能定位任何元素,首先要切换到alert当中,然后点击确定
#切换到alert,注意:alert后面没有括号 accept表示点击确定
browser.switch_to.alert.accept()注意:使用switch_to.alert不是一个方法,而是一个属性, 没有括号,后面加上accept()方法表示点击确定,dismiss()方法表示取消
def test_alert():
with webdriver.Chrome() as browser:
browser.implicitly_wait(10)
browser.get("file:///E:/lemonban-selenium/lesson/lesson34_%E5%85%83%E7%B4%A0%E5%AE%9A%E4%BD%8D/demo.html")
el = browser.find_element("id","hello")
el.click()
time.sleep(3)
#切换到alert,注意:alert后面没有括号 accept表示点击确定
browser.switch_to.alert.accept()
time.sleep(3)实现弹框的方式
1,alert,prompt原生js弹框
2,通过框架,实现ui效果
而现在网页上的弹窗,有些是通过各种标签组合而成,是一个普通的元素
?
?弹框里面的元素能被定位到
此弹框类似于alert 只是前端工程师在此弹框后面加上一个灰色的背景,覆盖了主页面
?实际上背景后面的元素也能被定位,但是在页面上不能被点击,所以不需要切换
?
?