11. Web 功能测试到底应该怎么测？

Web 测试不是简单点页面，也不是只看按钮能不能点。

真正的 Web 功能测试，要从页面展示、业务流程、接口交互、权限控制、兼容性和异常场景一起看。

一、先明确 Web 测试的对象

Web 系统一般包括：

页面元素；
表单输入；
业务流程；
前后端接口；
用户权限；
数据展示；
浏览器兼容；
异常提示。

所以测试 Web 功能时，不能只看页面是否能打开。

二、页面展示要看基础可用性

页面层面要关注：

页面是否正常加载；
文案是否正确；
按钮、输入框、下拉框是否展示正常；
表格字段是否完整；
分页、搜索、筛选是否正常；
弹窗、提示、确认框是否符合预期；
页面刷新后数据是否丢失。

这些是最基础的 Web 功能测试点。

三、表单测试要覆盖输入校验

Web 系统里表单非常多。

表单测试要关注：

必填项为空；
输入长度边界；
特殊字符；
前后空格；
格式校验，比如手机号、邮箱、身份证；
重复数据；
默认值；
提交后是否清空或保留。

比如新增用户，不能只测保存成功，还要测手机号重复、角色为空、密码强度和无权限新增。

四、业务流程要按主流程和异常流程测

Web 测试最重要的是业务流程。

比如后台订单管理，可以按流程测试：

查询订单；
查看详情；
修改备注；
发货；
取消订单；
退款处理；
导出订单。

异常场景包括：

订单状态不允许操作；
数据被别人修改；
接口超时；
权限不足；
重复点击；
网络中断。

五、接口交互要用开发者工具辅助验证

Web 页面背后通常是接口。

测试时可以打开浏览器开发者工具，看：

请求是否发出；
请求参数是否正确；
响应状态码是否正常；
响应数据是否和页面展示一致；
接口失败时页面提示是否合理。

比如页面显示保存成功，但接口返回失败，这就是严重问题。

六、权限测试不能只看菜单

Web 权限测试要看两层：

前端是否隐藏无权限菜单；
后端接口是否拦截无权限访问。

常见用例：

普通用户访问管理员页面；
修改 URL 直接访问详情页；
调接口删除别人数据；
禁用账号再次登录；
退出登录后浏览器回退。

权限只做前端控制是不安全的。

七、兼容性和响应式也要考虑

Web 测试还要看：

Chrome、Edge、Firefox 等浏览器；
不同分辨率；
页面缩放；
表格横向滚动；
移动端浏览器访问；
弹窗是否被遮挡。

企业后台一般重点测主流浏览器，官网或 C 端页面则更要关注移动端适配。

八、面试回答模板

可以这样回答：

测 Web 功能时，我会从页面展示、表单校验、业务流程、接口交互、权限控制和兼容性几个方面展开。页面层面验证元素、文案、按钮、搜索、分页是否正常；业务层面覆盖主流程和异常流程；接口层面通过开发者工具查看请求参数、响应结果和页面展示是否一致；权限层面验证菜单隐藏和接口拦截；最后根据项目要求做浏览器和分辨率兼容性测试。

这个答案比“看页面能不能用”专业很多。

九、下一步建议

准备 Web 测试面试时，建议重点练三个场景：

新增、编辑、删除类表单；
列表查询、筛选、导出；
权限和登录态控制。

配套刷题：