基于Python的Selenium详细教程

乡村秀才

一、PyCharm安装配置Selenium本文使用环境：windows11、Python3.10.5、PyCharm2022.1.3、Selenium4.3.0需要你懂的技术：Python、HTML、CSS、JavaScript1.Seleium安装：在PyCharm终端或window命令窗口输入以下命令#查看已安装的Python包(可跳过)piplist#安装selenium4.3.0pipinstallselenium==4.3.01234注意：在window命令窗口安装时，首先要确保Python环境变量配置正确##卸载Selenium命令pipuninstallselenium122.配置浏览器驱动下载浏览器驱动这里给出各浏览器（Chrome、Firefox、Edge等）的驱动下载地址，自行下载所需浏览器驱动。将下载好的浏览器驱动放置在Python安装目录下（即Python环境变量配置目录）3.验证在PyCharm中新建一个Python文件，自行命名，输入以下代码：importtime#导入selenium包fromseleniumimportwebdriver#打开Firefox浏览器browser=webdriver.Firefox()#停留三秒time.sleep(3)#关闭浏览器browser.quit()123456789执行后，Firefox浏览器将被打开，证明Selenium安装配置完成启动Chrome浏览器#打开Chome浏览器browser=webdriver.Chrome()#关闭浏览器browser.quit()1234启动Edge浏览器#打开Edge浏览器browser=webdriver.Edge()#关闭浏览器browser.quit()1234二、Selenium使用2.1、加载指定页面并关闭importtime#导入selenium包fromseleniumimportwebdriver#打开指定（Firefox）浏览器browser=webdriver.Firefox()#指定加载页面browser.get("http://www.csdn.net/")#设置五秒后执行下一步time.sleep(5)#关闭浏览器browser.quit()1234567891011122.2、元素定位元素定位方法包含了2个系列：find_element()系列：用于定位单个的页面元素。find_elements()系列：用于定位一组页面元素，获取到的是一组列表。1、通过标签id属性定位find_element(By.ID,‘XX’)id定位，根据元素的id属性值定位，最为方便且唯一，但有可能不存在，也可能动态生成。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#打开指定（Firefox）浏览器browser=webdriver.Firefox()#指定加载页面browser.get("http://www.csdn.net")#通过id属性获取搜索输入框input_text=browser.find_element(By.ID,"toolbar-search-input")#向搜索输入框内输入seleniuminput_text.send_keys("selenium")#设置停留五秒后执行下一步time.sleep(5)#关闭浏览器browser.quit()123456789101112131415162、通过标签name属性定位find_element(By.NAME,‘xx’)name定位，根据元素的name属性值定位，定位到的标签不一定是唯一的。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.baidu.com/")#通过name属性选择文本框元素，并设置内容browser.find_element(By.NAME,'wd').send_keys("selenium")#通过通过ID属性获取“百度一下”按钮，并执行点击操作browser.find_element(By.ID,"su").click()#停留五秒后关闭浏览器time.sleep(5)browser.quit()12345678910111213143、通过标签class属性定位find_element_by(By.CLASS_NAME,‘xx’)class定位，根据元素的class属性值定位，但可能受JS影响动态变化。定位到的标签不一定是唯一的。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.baidu.com/")time.sleep(2)#通过class属性选择元素browser.find_element(By.CLASS_NAME,'s_ipt').send_keys("CSDN")time.sleep(2)browser.find_element(By.ID,"su").click()#停留三秒后关闭浏览器time.sleep(3)browser.quit()1234567891011121314154、通过标签tag定位find_element(By.TAG_NAME,‘xx’)tagname定位，根据元素的标签名定位，定位到的标签不一定是唯一的。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")time.sleep(2)#选择标签(搜索按钮),执行点击操作browser.find_element(By.TAG_NAME,"button").click()#停留三秒后关闭浏览器time.sleep(3)browser.quit()123456789101112135、通过link定位link表示包含有属性href的标签元素，如:linktext可以通过LINK＿TEXT进行定位。find_element(By.LINK_TEXT,‘XX’)根据链接文本全匹配进行精确定位。find_element(By.PARTIAL_LINK_TEXT,‘XX’)根据链接文本模糊匹配进行定位。（1）、By.LINK_TEXT精确定位importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#选择标签,执行点击操作browser.find_element(By.LINK_TEXT,"Python").click()#停留三秒后关闭浏览器time.sleep(3)browser.quit()123456789101112（2）By.PARTIAL_LINK_TEXT模糊定位importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#选择标签,执行点击操作browser.find_element(By.PARTIAL_LINK_TEXT,"人工").click()#停留五秒后关闭浏览器time.sleep(3)browser.quit()1234567891011126、通过元素的xpath定位xpath是一种在XML文档中定位元素的语言使用绝对路径定位指的是从网页的HTML代码结构的最外层一层层的写到需要被定位的页面元素为止。绝对路径起始于/，每一层都被/所分割。/html/body/div[2]/form/input[3]注解：(1)可以用中括号选择分支，div[2]代表的是当前层级下的第二个div标签；(2)一般情况下较少使用绝对路径的方式做定位，原因在于绝对路径的表达式一般太长，不便于后期的代码维护，代码的微小改变就可能导致这个路径失效，从而无法完成元素定位。使用相对路径定位不是从根目录写起，而是从网页文本的任意目录开始写。相对路径起始于//，//所表示的含义是“任意标签下”//input[@id=‘kw’]注解1)示例的含义：在当前页面查找任意目录下的input元素，且该元素的id属性取值为kw(2)在xpath里，属性以@开头(3)所选取的属性可以是任意属性，只要其有利于标识这个元素即可(4)推荐使用相对路径结合属性的这种xpath表达式，它往往更简洁更易于维护(5)有时候可能会出现一个属性不足以标识某个元素，可以使用逻辑运算符and来连接多个属性进行标识。//input[@xx=‘aa’and@yy=‘bb’](6)有时候一个元素它本身没有可以唯一标识它的属性，这时我们可以找它的上层或者上上层，然后再往下写。//input[@xx=‘aa’]/pfind_element(By.XPATH,‘XX’)根据元素的xpath表达式来完成定位，可以准确定位任何元素。打开CSDN首页，按F12进入开发者模式，我们可以按照下图所示获取元素的xpath路径，我这里定位的是搜索框的xpath。点击后会存在与剪切板中，Ctrl+v粘贴到代码中即可使用,这里获取到的是相对路径。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#通过xpath定位输入框,输入内容seleniumbrowser.find_element(By.XPATH,'//*[@id="toolbar-search-input"]').send_keys('selenium')#停留五秒后关闭浏览器time.sleep(5)browser.quit()123456789101112137、通过css选择器定位find_element(By.CSS_SELECTOR,‘XX’)根据元素的css选择器来完成定位，可以准确定位任何元素，但需要熟练掌握css选择器css选择器(1)类选择器--------.XXX选择class属性为xxx的元素(2)id选择器--------#XXX选择id属性为xxx的元素(3)元素选择器-----XXX选择标签名为xxx的元素(4)属性选择器-----[yyy=‘bbb’]选择yyy属性取值为bbb的元素(5)派生选择器-----AA>XX或AAXX选择AA标签下的XX元素你可以通过获取xpath的方式来从页面获取css选择器在css里标识层级关系使用的是>或者空格（xpath里使用的是/）div#xx1>input.yy2注意：对于css的属性值来说，可以加引号也可以不加，注意属性的引号和整个CSS表达式的引号要进行区分。对于xpath的属性值来讲，需要加上引号，否则报错。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#通过css选择器定位输入框,输入内容seleniumbrowser.find_element(By.CSS_SELECTOR,'#toolbar-search-input').send_keys('selenium')#停留三秒后关闭浏览器time.sleep(3)browser.quit()123456789101112138、几种元素定位方式区别2.3、文本输入、清除与提交send_keys(‘XXX’)文本输入。clear()文本清空。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#通过css选择器定位输入框input_text=browser.find_element(By.CSS_SELECTOR,'#toolbar-search-input')#输入文本input_text.send_keys("selenium")#停留2秒time.sleep(2)#清空文本input_text.clear()#停留三秒后关闭浏览器time.sleep(3)browser.quit()12345678910111213141516171819submit()提交注意:submit()只能用于包含属性type='submit’的标签，并且嵌套在form表单中。也可以使用click()代替submit()使用。注意：submit()和click()是有很大区别的，这里不再做具体说明。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.bing.com")#通过xpath选择器定位输入框,并输入CSDNinput_text=browser.find_element(By.XPATH,'//*[@id="sb_form_q"]').send_keys("CSDN")time.sleep(2)#定位提交按钮后提交browser.find_element(By.XPATH,'//*[@id="sb_form_go"]').submit()#停留3秒后关闭time.sleep(3)browser.quit()123456789101112131415162.4、获取页面内容title页面page_source页面源码current_url页面连接text标签内文本importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#获取title=browser.title#输出print(title)#获取源代码source_code=browser.page_source#输出源代码print(source_code)#获取页面链接url=browser.current_url#输出页面链接print(url)#获取标签内文本text=browser.find_element(By.XPATH,'/html/body/div[1]/div/div/div/div[2]/div/div/button/span').textprint(text)#关闭页面time.sleep(3)browser.quit()12345678910111213141516171819202122232425输出结果太多，这里不在展示，自行在PyCharm上演示。2.5、隐式等待implicitly_wait(N)通过一定时长等待页面元素加载，最大等待时长N秒,如果中间某个时刻元素加载好了，就会结束等待，执行下一步操作；如果超出设置时间元素没加载出来，抛出没有这样的元素异常。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#隐式等待browser.implicitly_wait(5)#关闭页面browser.quit()time.sleep(3)1234567891011122.6、调整浏览器窗口尺寸maximize_window()窗口最大化。minimize_window()窗口最小化。set_window_size(width,height)调整窗口到指定尺寸。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")#窗口最大化browser.maximize_window()#停留2秒time.sleep(2)#窗口最小化browser.minimize_window()#指定窗口尺寸browser.set_window_size(300,500)#关闭页面time.sleep(3)browser.quit()123456789101112131415161718192.7、前进一页后退一页forward()前进一页。back()后退一页。importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")browser.find_element(By.LINK_TEXT,'Python').click()#停留2秒time.sleep(2)#页面后退一页browser.back()#停留2秒time.sleep(2)#前进一页browser.forward()#关闭页面time.sleep(3)browser.quit()12345678910111213141516171819202.8、页面刷新refresh()页面刷新importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")browser.find_element(By.LINK_TEXT,'Python').click()#停留2秒time.sleep(2)#页面刷新browser.refresh()#关闭页面time.sleep(3)browser.quit()1234567891011121314152.9、窗口切换current_window_handle获取当前窗口的句柄window_handles获取所有打开页面的句柄，是一个列表switch_to.window(“XX”)切换到指定页面，XX代表页面句柄switch_to.frame(XX)切换到内敛框架页面，XX代表内联框架标签的定位对象，演示请看章节2.10源码。swith_to.parent_frame()切回到内敛框架的上一级，即从内敛框架切出。演示请看章节2.10源码。switch_to.alert切换到页面弹窗，演示请看章节2.13源码。fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("http://www.csdn.net")sleep(2)#获取当前窗口句柄page_context=browser.current_window_handle#打开其它页面browser.find_element(By.XPATH,'//*[@id="toolbar-search-input"]').send_keys('selenium')browser.find_element(By.XPATH,'/html/body/div[1]/div/div/div/div[2]/div/div/button/span').click()sleep(2)#切换到刚开始打开页面browser.switch_to.window(page_context)#获取当前打开所有页面的句柄pages_context=browser.window_handles#输出当前打开页面个数print(len(pages_context))#结果：2#关闭sleep(3)browser.quit()12345678910111213141516171819202122232.10、frame/iframe内元素操作选取框架内元素，首先我们要定位到框架元素，然后切换到框架页面，才能对框架页面内元素进行操作。由于找不到内敛框架的页面，这里我自己简单写了个页面。下边是HTML源码，操作时注意路径get()内url不要写错。 这是框架frame外: 12345678910111213switch_to.frame(tag_iframe)切换到frame/iframe框架页面。switch_to.parent_frame()从内敛框架中切出。fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("file:///C:/Users/admin/Desktop/frame.html")sleep(2)#定位到iframe标签tag_iframe=browser.find_element(By.TAG_NAME,'iframe')#切换到iframe框架页面内browser.switch_to.frame(tag_iframe)#定位到框架内搜索框并输入内容browser.find_element(By.LINK_TEXT,'Python').click()sleep(2)#从内敛框架页面切出browser.switch_to.parent_frame()browser.find_element(By.XPATH,"//input").send_keys("这是框架外面！")#关闭浏览器sleep(3)browser.quit()1234567891011121314151617181920212.11、获取标签元素的属性值（复选框）get_attribute(“XX”)获取标签属性值,XX为标签属性名。这里我们通过获取标签元素的属性值，对标签进行操作。以下示例为通过获取复选-框标签的属性值对复选框进行选取。页面HTML源码： 用户名： 密码： Java Python C++ JavaScript HTML123456789101112131415161718Python源码importtime#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("file:///C:/Users/admin/Desktop/checkbox.html")#定位input标签tag_input=browser.find_elements(By.TAG_NAME,'input')#通过type属性的值来定位元素,并进行选取fortype_valueintag_input:#输出input标签的name属性的值：print(type_value.get_attribute("name"))#对复选框进行选取操作iftype_value.get_attribute("type")=="checkbox":type_value.click()time.sleep(2)#关闭浏览器time.sleep(3)browser.quit()123456789101112131415161718192021控制台输出结果：user_namepwdJavaPythonC++JavaScriptHTML12345672.12、下拉列表操作Select("XX)判断标签元素XX是否为下拉列表元素，是返回Select对象，不是报错select_by_value(“XX”)通过下拉列表value属性的值XX选择选项select_by_visible_text(“XX”)通过下拉列表文本内容XX选择选项select_by_index(N)或options[N].click()通过下拉列表索引号N选则选项，从0开始options下拉列表内options标签页面HTML源码： 编程语言: Java C++ Python HTML JavaScript 123456789101112131415161718Python源码fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#导入Select类fromselenium.webdriver.support.selectimportSelect#启动并打开指定页面browser=webdriver.Firefox()browser.get("file:///C:/Users/admin/Desktop/select.html")#定位下拉列表标签,并创建下拉列表对象select=Select(browser.find_element(By.TAG_NAME,"select"))#通过value属性选择选项select.select_by_value("Python")sleep(2)#通过文本内容选择选项select.select_by_visible_text("C++")sleep(2)#通过选项索引号选择选项select.select_by_index(0)#等同于select.options[0].click()sleep(2)#通过options属性循环选取foriinselect.options:i.click()sleep(2)#关闭浏览器sleep(3)browser.quit()12345678910111213141516171819202122232425262728292.13、弹窗操作switch_to.alert获取弹窗对象。text弹窗内容accept()接受弹窗dismiss()取消弹窗页面HTML源码 1234567891011121314Python源码fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("file:///C:/Users/admin/Desktop/alert.html")#alert()弹窗处理browser.find_element(By.ID,"alert").click()sleep(2)#获取弹窗对象alert=browser.switch_to.alert#输出弹窗内容print(alert.text)#结果：这是alert()弹窗!#确认弹窗alert.accept()sleep(2)#confirm()弹窗browser.find_element(By.ID,"confirm").click()sleep(2)#获取弹窗对象confirm=browser.switch_to.alert#输出弹窗内容print(confirm.text)#这是confirm()弹窗！#执行性弹窗的取消按钮confirm.dismiss()#confirm.accept()#执行弹窗确认按钮sleep(2)#prompt()弹窗browser.find_element(By.ID,"prompt").click()sleep(2)#获取弹窗对象prompt=browser.switch_to.alert#输出弹窗内容print(prompt.text)#这是prompt()弹窗！#向弹窗的输入框内输入内容prompt.send_keys("这是弹窗prompt()")sleep(2)#执行性弹窗的确认按钮prompt.accept()#关闭浏览器sleep(3)browser.quit()123456789101112131415161718192021222324252627282930313233343536373839404142432.14、鼠标操作鼠标操作涉及到的类：ActionChains类move_to_element(X)鼠标悬停,X代表定位到的标签double_click(X)双击context_click(X)右击perform()执行所有存储在ActionChains()类中的行为，做最终的提交不管执行哪个方法，最后都要调用perform()方法，将操作呈现出来。fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriverimportActionChainsfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("https://www.csdn.net")sleep(2)#创建ActionChains对象action=ActionChains(browser)#定位标签并将鼠标移入,并呈现移入结果tag=browser.find_element(By.XPATH,'//div/a[@class="btn-write-new"]')action.move_to_element(tag).perform()sleep(3)tag=browser.find_element(By.CSS_SELECTOR,'.blog-nav-box')action.move_to_element(tag).perform()sleep(2)browser.find_element(By.LINK_TEXT,"数学").click()#关闭浏览器sleep(2)browser.quit()12345678910111213141516171819202122232.15、键盘操作send_keys(Keys.BACK_SPACE)执行回退键Backspacesend_keys(Keys.CONTROL,‘a’)全选send_keys(Keys.CONTROL,‘x’)剪切send_keys(Keys.CONTROL,‘c’)复制send_keys(Keys.CONTROL,‘v’)粘贴fromtimeimportsleep#导入selenium包fromseleniumimportwebdriverfromselenium.webdriverimportActionChains,Keysfromselenium.webdriver.common.byimportBy#启动并打开指定页面browser=webdriver.Firefox()browser.get("https://www.csdn.net")sleep(2)input_text=browser.find_element(By.XPATH,'//*[@id="toolbar-search-input"]')input_text.send_keys("selenium")sleep(2)input_text.send_keys(Keys.CONTROL,"a")#全选sleep(2)input_text.send_keys(Keys.CONTROL,'x')#剪切sleep(2)input_text.send_keys(Keys.CONTROL,'v')#粘贴sleep(2)input_text.send_keys(Keys.BACK_SPACE)#回退一格#关闭浏览器sleep(2)browser.quit()12345678910111213141516171819202122232.16、JS代码执行execute_script(X)执行JS代码，X代表要执行的JS代码fromtimeimportsleep#导入selenium包fromseleniumimportwebdriver#启动并打开指定页面browser=webdriver.Firefox()browser.get("https://www.csdn.net")sleep(2)#执行js弹窗代码browser.execute_script("alert('这是js弹窗代码')")sleep(2)browser.switch_to.alert.accept()sleep(2)#执行js窗口滚动条代码browser.execute_script("window.scrollTo(20,1000)")sleep(2)#打开多个窗口browser.execute_script("window.open('https://www.baidu.com')")browser.execute_script("window.open('https://www.bing.com')")sleep(2)browser.quit()1234567891011121314151617181920212.17、窗口截图get_screenshot_as_file(XX)浏览器窗口截屏，XX代表文件保存地址及文件名、格式。只写文件名保存至当前路径，若写路径，则路径必须存在。fromtimeimportsleep#导入selenium包fromseleniumimportwebdriver#启动并打开指定页面browser=webdriver.Firefox()browser.get("https://www.csdn.net")sleep(2)#浏览器窗口截屏browser.get_screenshot_as_file("csdn.png")sleep(2)browser.quit()1234567891011122.18、三种等待方法sleep(n)强制等待，需要导入time包，n表示等待秒数；用于避免因元素未加载出来而定位失败的情况。implicitly_wait(n)隐式等待，如果超过n秒，抛出找不到元素的异常；隐式等待只需要声明一次，一般在打开浏览器后进行声明。隐式等待存在的问题是程序会一直等待整个页面加载完成才会执行下一步，有时候想要定位的元素早就加载好了，但是由于别的页面元素没加载好，仍会等到整个页面加载完成才能执行下一步。WebDriverWait(browser,n,h)：显式等待,browser代表浏览器对象，n等待时长，h频率。相比于隐式等待，显式等待只针对指定的元素生效，不再是针对所有的页面元素。可以根据需要定位的元素来设置显式等待，无需等待页面完全加载，节省了大量因加载无关紧要的页面元素而浪费的时间。使用方法WebDriverWait(browser,5,0.5).until(expected_conditions.presence_of_element_located((By.ID,‘kw’)))fromseleniumimportwebdriverfromtimeimportsleepfromselenium.webdriver.common.byimportByfromselenium.webdriver.support.waitimportWebDriverWaitfromselenium.webdriver.supportimportexpected_conditionsasECbrowser=webdriver.Firefox()sleep(2)#打开csdn首页browser.get("https://www.csdn.net")tag=WebDriverWait(browser,5,0.5).until(EC.presence_of_element_located((By.XPATH,'//*[@id="toolbar-search-input"]')))tag.send_keys("selenium")#关闭sleep(2)browser.quit()1234567891011121314最后给大家分享一下我的一些学习资料：以上内容，对于软件测试的朋友来说应该是最全面最完整的备战仓库了，为了更好地整理每个模块，我也参考了很多网上的优质博文和项目，力求不漏掉每一个知识点，很多朋友靠着这些内容进行复习，拿到了BATJ等大厂的offer，这个仓库也已经帮助了很多的软件测试的学习者，希望也能帮助到你。关注下方我的微信公众号免费领取！↓↓↓↓↓