11. Web 功能测试到底应该怎么测？
Web 测试不是简单点页面，也不是只看按钮能不能点。
真正的 Web 功能测试，要从页面展示、业务流程、接口交互、权限控制、兼容性和异常场景一起看。
一、先明确 Web 测试的对象
Web 系统一般包括：
- 页面元素；
- 表单输入；
- 业务流程；
- 前后端接口；
- 用户权限；
- 数据展示；
- 浏览器兼容；
- 异常提示。
所以测试 Web 功能时，不能只看页面是否能打开。
二、页面展示要看基础可用性
页面层面要关注：
- 页面是否正常加载；
- 文案是否正确；
- 按钮、输入框、下拉框是否展示正常；
- 表格字段是否完整；
- 分页、搜索、筛选是否正常；
- 弹窗、提示、确认框是否符合预期；
- 页面刷新后数据是否丢失。
这些是最基础的 Web 功能测试点。
三、表单测试要覆盖输入校验
Web 系统里表单非常多。
表单测试要关注：
- 必填项为空；
- 输入长度边界；
- 特殊字符；
- 前后空格；
- 格式校验，比如手机号、邮箱、身份证；
- 重复数据；
- 默认值；
- 提交后是否清空或保留。
比如新增用户，不能只测保存成功，还要测手机号重复、角色为空、密码强度和无权限新增。
四、业务流程要按主流程和异常流程测
Web 测试最重要的是业务流程。
比如后台订单管理，可以按流程测试：
- 查询订单；
- 查看详情；
- 修改备注；
- 发货；
- 取消订单；
- 退款处理；
- 导出订单。
异常场景包括：
- 订单状态不允许操作；
- 数据被别人修改；
- 接口超时；
- 权限不足；
- 重复点击；
- 网络中断。
五、接口交互要用开发者工具辅助验证
Web 页面背后通常是接口。
测试时可以打开浏览器开发者工具，看：
- 请求是否发出；
- 请求参数是否正确；
- 响应状态码是否正常；
- 响应数据是否和页面展示一致；
- 接口失败时页面提示是否合理。
比如页面显示保存成功，但接口返回失败，这就是严重问题。
六、权限测试不能只看菜单
Web 权限测试要看两层：
- 前端是否隐藏无权限菜单；
- 后端接口是否拦截无权限访问。
常见用例：
- 普通用户访问管理员页面；
- 修改 URL 直接访问详情页；
- 调接口删除别人数据；
- 禁用账号再次登录；
- 退出登录后浏览器回退。
权限只做前端控制是不安全的。
七、兼容性和响应式也要考虑
Web 测试还要看：
- Chrome、Edge、Firefox 等浏览器；
- 不同分辨率；
- 页面缩放；
- 表格横向滚动；
- 移动端浏览器访问；
- 弹窗是否被遮挡。
企业后台一般重点测主流浏览器，官网或 C 端页面则更要关注移动端适配。
八、面试回答模板
可以这样回答：
测 Web 功能时，我会从页面展示、表单校验、业务流程、接口交互、权限控制和兼容性几个方面展开。页面层面验证元素、文案、按钮、搜索、分页是否正常；业务层面覆盖主流程和异常流程；接口层面通过开发者工具查看请求参数、响应结果和页面展示是否一致；权限层面验证菜单隐藏和接口拦截；最后根据项目要求做浏览器和分辨率兼容性测试。
这个答案比“看页面能不能用”专业很多。
九、下一步建议
准备 Web 测试面试时，建议重点练三个场景：
- 新增、编辑、删除类表单；
- 列表查询、筛选、导出；
- 权限和登录态控制。
配套刷题：
