零基础入门 Web 自动化测试：从环境搭建到第一个脚本

limlim00

210人浏览 · 2026-07-22 17:53:39

limlim00 · 2026-07-22 17:53:39 发布

1. 引言：什么是 Web 自动化测试？

Web 自动化测试是指使用软件工具和脚本，模拟用户在浏览器中的操作（如点击、输入、滚动等），自动执行对 Web 应用程序的功能、界面和流程的验证。它就像一位不知疲倦的“机器人测试员”，可以快速、重复地执行大量测试用例，从而解放人力，提升测试效率和覆盖率。

对于零基础的你来说，学习 Web 自动化测试是一个循序渐进的过程。本文将带你从最基础的概念开始，一步步搭建环境，并编写你的第一个自动化测试脚本。

2. 学习路径与核心概念

在动手之前，我们先理清学习路径和几个核心概念：

学习路径：
- 第一步：掌握一门编程语言（推荐 Python 或 JavaScript）。
- 第二步：学习 Web 基础（HTML, CSS, 简单的 JavaScript）。
- 第三步：选择一个自动化测试框架/工具。
- 第四步：学习定位页面元素的方法。
- 第五步：编写并运行你的第一个脚本。
- 第六步：学习组织测试用例、生成报告和持续集成。
核心概念：
- Selenium：一个用于 Web 应用程序测试的开源工具套件，支持多种浏览器和编程语言，是行业标准。
- WebDriver：Selenium 的核心组件，它提供了一套与浏览器交互的 API（应用程序编程接口）。你可以把它想象成连接你的代码和浏览器的“桥梁”或“遥控器”。
- 元素定位：自动化测试的本质是操作页面上的元素（按钮、输入框、链接等）。你需要学会如何告诉程序“点击那个登录按钮”，这就是定位。

3. 环境搭建（以 Python + Selenium 为例）

这是目前最流行、对新手最友好的组合。

3.1 安装 Python

访问 Python 官网下载最新稳定版。
安装时，务必勾选 “Add Python to PATH” 选项。
安装完成后，打开命令行（Windows 上是 CMD 或 PowerShell，Mac/Linux 上是 Terminal），输入 python --version 检查是否安装成功。

3.2 安装 Selenium 库

在命令行中，使用 Python 的包管理工具 pip 安装 Selenium：

pip install selenium

3.3 下载浏览器驱动

WebDriver 需要对应的浏览器驱动才能工作。以最常用的 Chrome 浏览器为例：

首先，查看你电脑上 Chrome 浏览器的版本（在浏览器地址栏输入 chrome://settings/help）。
访问 ChromeDriver 下载页。
下载与你的 Chrome 浏览器版本号匹配的驱动。
将下载的 chromedriver.exe（Windows）或 chromedriver（Mac/Linux）文件放在一个你记得住的目录下，例如 C:\WebDriver 或 /usr/local/bin。
（重要） 将该目录的路径添加到系统的环境变量 PATH 中。这样，你的脚本在任何位置都能找到驱动。

4. 你的第一个自动化测试脚本

让我们编写一个简单的脚本，它将会：

打开 Chrome 浏览器。
访问百度首页。
在搜索框输入“自动化测试”。
点击“百度一下”按钮。
等待几秒后关闭浏览器。

创建一个新文件，命名为 first_test.py，用文本编辑器（如 VS Code, Notepad++）打开，输入以下代码：

# 导入 Selenium 的 WebDriver 模块
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
import time

# 1. 创建一个 Chrome 浏览器实例
# 如果 chromedriver 已在 PATH 中，可以直接这样写
driver = webdriver.Chrome()

try:
    # 2. 打开百度首页
    driver.get("https://www.baidu.com")
    print("已打开百度首页")

    # 3. 找到搜索输入框。通过它的 HTML 属性 ‘id’ 来定位，id 通常是唯一的。
    # 在百度首页按 F12 打开开发者工具，可以看到搜索框的 id 是 ‘kw’
    search_box = driver.find_element(By.ID, "kw")

    # 4. 在搜索框中输入文字
    search_box.send_keys("自动化测试")
    print("已输入搜索关键词")

    # 5. 找到“百度一下”按钮并点击。按钮的 id 是 ‘su’
    search_button = driver.find_element(By.ID, "su")
    search_button.click()
    print("已点击搜索按钮")

    # 6. 等待 5 秒，以便查看结果
    time.sleep(5)

finally:
    # 7. 关闭浏览器窗口
    driver.quit()
    print("测试完成，浏览器已关闭")

运行脚本：
在命令行中，切换到你的脚本所在目录，运行：

python first_test.py

如果一切顺利，你将看到 Chrome 浏览器自动打开，完成搜索操作，然后关闭。

5. 理解代码与元素定位

webdriver.Chrome()：初始化 Chrome 浏览器驱动。
driver.get(url)：让浏览器导航到指定的网址。
driver.find_element(By.ID, “kw”)：这是元素定位的关键。By.ID 表示通过 HTML 元素的 id 属性来查找。“kw” 就是百度搜索框的 id。其他常用的定位方式还有：
- By.NAME：通过 name 属性。
- By.CLASS_NAME：通过 class 属性。
- By.XPATH：通过 XML 路径，功能最强大但也最复杂。
- By.CSS_SELECTOR：通过 CSS 选择器，也很常用。
send_keys(“文字”)：向输入框模拟键盘输入。
click()：模拟鼠标点击。
time.sleep(5)：让程序暂停（阻塞）5秒。在实际项目中，应使用更智能的“等待”方式。
driver.quit()：关闭浏览器并释放驱动资源。try...finally 结构确保即使中间出错，浏览器也会被关闭。

6. 下一步学习建议

恭喜你成功运行了第一个脚本！接下来，你可以按以下方向深入学习：

巩固元素定位：尝试用 By.NAME, By.CLASS_NAME 等方式定位百度首页的其他元素。
学习智能等待：用 WebDriverWait 和 expected_conditions 代替 time.sleep，让脚本更稳定高效。
操作更多元素：学习处理下拉框、复选框、弹窗、iframe 等复杂元素。
组织测试用例：学习使用单元测试框架（如 Python 的 pytest 或 unittest）来组织和管理多个测试用例。
生成测试报告：使用 pytest-html 等插件生成美观的测试报告。
尝试其他工具：了解基于 Selenium 封装的、更易用的框架，如 Playwright（微软出品，支持多浏览器）或 Cypress（对前端开发者友好）。

7. 常见问题与排错

报错：WebDriverException: Message: ‘chromedriver’ executable needs to be in PATH
- 解决：确保已正确下载 ChromeDriver 并将其所在目录添加到系统环境变量 PATH 中，或者可以在代码中指定驱动路径：driver = webdriver.Chrome(executable_path=‘你的驱动完整路径’)。
浏览器闪退或脚本执行太快看不清
- 解决：在关键操作后适当增加 time.sleep 的秒数，或者使用智能等待。
找不到元素（NoSuchElementException）
- 解决：
  1. 检查定位方式（id/name/class）是否正确，元素是否唯一。
  2. 页面可能还没加载完，在 find_element 前增加等待。
  3. 元素可能在 iframe 里，需要先切换到对应的 iframe。