一、Selenium

Selenium 是一个老牌的自动化测试工具，它的用途非常多，掌握这么技能绝对是值得，并且如果有需要切换其他的技术，大致应该是相似的，也就是说从它迁移到别的工具是轻松的。

二、为什么 Selenium 需要驱动器呢？

有些网站渲染的内容是在页面渲染之后，通过 js 加载数据然后更新内容。在此之前我们拿不到页面的内容。我们可以通过浏览器驱动器来操作浏览器获取到页面的内容。再来看看 Selenium 的架构：

三、浏览器驱动器

Selenium 在运行之前需要驱动器，下面是不同浏览器的驱动器：

1.chrome驱动器下载地址

https://chromedriver.storage.googleapis.com/index.html

2.firefox驱动器下载地址

https://github.com/mozilla/geckodriver/releases

3.edge驱动器下载地址

https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver

4.safari官方文档

https://developer.apple.com/documentation/webkit/testing_with_webdriver_in_safari/

四、在Chrome中使用WebDriver进行测试

Selenium核心就是要得到驱动器driver，所有的操作都是在驱动器上使用的。

1. from selenium import webdriver

3. # 指定驱动程序的位置,修改为你的驱动程序路径

4. driver_path = 'C:\Users\Administrator\Desktop\chromedriver'

5. driver = webdriver.Chrome(executable_path=driver_path)

6. # 打开网页

7. driver.get("http://example.com")

8. # 打印页面标题

9. print(driver.title) 

10. # 关闭浏览器

11. driver.quit() 

这段代码也很好解释，webdriver使用Chrome驱动。驱动使用 get方法获取页面内容，然后打印驱动对象上页面的title， 然后驱动关闭浏览器。

前面我们使用Chrome驱动，其实Chrome驱动还可以传递众多参数，驱动时chrome opiton的一些配置参数。

1. chrome_options.add_argument("--headless") # 无头模式

2. chrome_options.add_argument("--disable-gpu") # 禁用 gpu 加速

3. chrome_options.add_argument("--window-size=1920,1080") # 指定窗口大小

4. chrome_options.add_argument("--disable-extensions") # 禁用扩展

5. chrome_options.add_argument("--no-sandbox") # 禁用沙盒

6. chrome_options.add_argument("--ignore-certificate-errors") # 忽略证书错误

7. chrome_options.add_argument("--proxy-server=http://proxyserver:port") # 设置代理

8. chrome_options.add_argument("--disable-popup-blocking") #禁用弹出窗口阻止

9. chrome_options.add_argument("--start-maximized") # 启动时最大化窗口

10. chrome_options.add_argument("--disable-notifications") # 禁用通知

11. chrome_options.add_argument("--disable-infobars") #禁用信息栏

12. chrome_options.add_argument("--user-data-dir=/path/to/profile") # 指定用户数据目录

13. chrome_options.add_argument("--disable-restore-session-state") # 禁用崩溃恢复提示

14. chrome_options.add_argument("--mute-audio") # 静音音频

五、页面动态内容的加载

Selenium处理动态内容是常见的需求，等待JavaScript动态加载。如果没有等待内容加载完毕，那么查找元素可能会导致错误。原因也很简单，就是没有加载完成。

等待也可以分为不同的层级，web deriver API级别的。Python等待以及页面级的等待。

1.显式等待

1. from selenium import webdriver

2. from selenium.webdriver.common.by import By

3. from selenium.webdriver.support.ui import WebDriverWait

4. from selenium.webdriver.support import expected_conditions as EC

6. # 初始化 WebDriver

7. driver = webdriver.Chrome()

9. # 打开网页

10. driver.get('http://example.com')

12. # 显式等待，等待某个元素可见

13. element = WebDriverWait(driver, 10).until(

14.     EC.visibility_of_element_located((By.ID, 'dynamicElementId'))

15. )

17. # 对元素执行操作

18. element.click()

2.隐式等待

1. driver = webdriver.Chrome()

2. driver.implicitly_wait(10)  # 全局等待 10 秒

4. driver.get('http://example.com')

6. # 如果元素还没准备好，WebDriver 将等待，直到找到元素或超时

7. element = driver.find_element(By.ID, 'dynamicElementId')

8. element.click()

3.使用sleep()等待

1. import time

3. driver = webdriver.Chrome()

4. driver.get('http://example.com')

5. # 不推荐使用

6. time.sleep(5)  # 强制等待 5 秒

7. element = driver.find_element(By.ID, 'dynamicElementId')

8. element.click()

4.页面级等待

1. from selenium.webdriver.support.ui import WebDriverWait

3. # 等待页面完全加载，通过检查 JavaScript 变量

4. WebDriverWait(driver, 10).until(

5.     lambda driver: driver.execute_script('return document.readyState') == 'complete'

6. )

有了对selenium的基础使用和认识，我们就需要较为全面的了解 selenium的api了，当我们对其api有较为全面的了解，我们很快就能入手了。

六、selenium 浏览器操作

1. driver.get(url) #打开指定的 URL。

2. driver.quit() #关闭浏览器并结束 WebDriver 会话。

3. driver.close() #关闭当前窗口。

4. driver.maximize_window() #最大化浏览器窗口。

5. driver.execute_script(script) #执行 JavaScript 脚本。

七、元素定位

1. driver.find_element(By.ID, id) #通过 ID 定位元素。

2. driver.find_element(By.NAME, name) #通过 NAME 定位元素。

3. driver.find_element(By.XPATH, xpath) #通过 XPath 定位元素。

4. driver.find_element(By.CSS_SELECTOR, selector) #通过 CSS 选择器定位元素。

5. driver.find_elements(By.CLASS_NAME, class_name) #定位所有符合类名的元素，返回列表。

八、元素操作

1. element.click() #点击元素。

2. element.send_keys(keys) #向元素输入文本。

3. element.clear() #清空输入框的内容。

4. element.get_attribute(attribute) #获取元素的属性值。

5. element.get_text() #获取元素的文本内容。

6. element.is_displayed() #检查元素是否显示。

九、等待操作

1. driver.implicitly_wait(time) #设置全局隐式等待时间。

2. WebDriverWait(driver, time).until(condition) #显式等待指定的条件。

十、窗口与导航

1. driver.back() #导航到前一个页面。

2. driver.forward() #导航到下一个页面。

3. driver.refresh() #刷新当前页面。

4. driver.switch_to.frame(frame) #切换到指定的 iframe。

5. driver.switch_to.alert() #切换到 alert 对话框。

6. driver.switch_to.window(window_name) #切换到指定的窗口

十一、常用功能

1.处理 Cookie

1. cookies = driver.get_cookies()

2. driver.add_cookie({'name': 'cookie_name', 'value': 'cookie_value'})

3. driver.delete_all_cookies()

2.截图

driver.save_screenshot('screenshot.png')

3.上传图片

file_input = driver.find_element(By.NAME, 'file_upload') file_input.send_keys('/path/to/file.txt')

4.执行 JS

1. # 执行 js 脚本

2. driver.execute_script("alert('Hello, World!');")

3. # 从 localstorage 中获取 token

4. token = driver.execute_script("return localStorage.getItem('auth_token');") 

5. print(f"Token: {token}")

6. # 获取元素 css 属性

7. element = driver.find_element(By.ID, 'element_id')

8. background_color = driver.execute_script("return window.getComputedStyle(arguments[0]).backgroundColor;", element)

十二、Selenium 与 XPATH

虽然页面里面使用css选择器更加靠近web端，但是xpath在查找元素和定位时更加直接，简单高效。前面已经介绍api了，下面是一个实例。

1. from selenium import webdriver

2. from selenium.webdriver.common.by import By

4. driver = webdriver.Chrome()

5. driver.get("https://example.com")

7. # 使用 XPath 查找元素

8. element = driver.find_element(By.XPATH, "//div[@id='main-content']//h1")

9. print(element.text)

find_element第一个参数指定By.XPATH, 后面传入xpath字符串即可。

十三、selenium 与爬虫

得益于Selenium能够直接访问实际页面，动态加载数据爬虫也有的重要作用。它可以弥补传统爬虫工具的不足，抓取由JavaScript渲染的内容。但要注意的是，它的性能相对较低，不适合大规模数据抓取。

十四、小结

本文主要介绍了Selenium相关内容，主要涉及Selenium知识面，从开始的Python小案例，到后面的API全面了解，以及Selenium的常用功能，到最后的XPATH以及爬虫的认知。这些内容已经能够全面，且具有实践性。

感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取