Web测试高频面试题及详细答案（实操版）

Web测试高频面试题及详细答案（实操版）一、Web测试基础认知（入门高频）1、你理解的Web测试是什么？主要测哪些内容？参考答案：Web测试就是针对网页端项目，验证网站的功能、界面、交互、稳定性等是否符合需求和用户使用习惯，找出潜在bug。日常工作中主要测这几块：1.功能测试：核心业务流程、按钮、输入框、弹窗、跳转、表单提交、数据增删改查等；2.UI界面测试：页面布局、字体颜色、图片展示、排版对齐、样式统一；3.兼容性测试：不同浏览器、不同分辨率、不同系统下的页面展示和功能可用性；4.性能测试：页面加载速度、接口响应、并发访问、卡顿、超时问题；5.安全测试：账号权限、密码安全、SQL注入、越权访问、恶意输入；6.易用性测试：操作逻辑是否通顺、提示是否清晰、用户操作是否便捷。2、Web测试和APP测试最大的区别是什么？参考答案：1.运行环境不同：Web端依托浏览器运行，无需安装，依赖浏览器内核；APP需要下载安装，有独立客户端，涉及安装、卸载、更新、缓存等专项测试；2.兼容性侧重点不同：Web重点测浏览器（Chrome、Firefox、Edge、Safari）和屏幕分辨率；APP重点测手机机型、系统版本、屏幕尺寸；3.专项测试不同：Web几乎不用测安装、闪退、断网重连、热更新等；APP这类场景是重点；4.更新机制不同：Web前端更新无需用户操作，刷新页面即可；APP更新需要用户手动升级或强制升级。3、简述一条完整的Web测试流程参考答案：1.需求阶段：阅读需求文档、原型图，梳理业务流程，提出需求疑问，确认需求边界；2.用例设计：根据需求、原型设计测试用例，覆盖正常、异常、边界场景；3.用例评审：和开发、产品对齐用例，补充遗漏场景，修正错误用例；4.测试执行：版本提测后，进行冒烟测试，通过后执行完整用例，同时做探索性测试；5.bug管理：发现问题提交bug，跟踪bug状态，验证开发修复的bug，确认闭环；6.回归测试：版本迭代、bug修复后，回归核心业务和关联模块，防止出新问题；7.测试总结：版本结束后，整理测试报告，统计bug情况、测试覆盖率、遗留问题等。二、Web功能测试（核心必考）1、输入框测试，你会测哪些场景？参考答案：输入框是Web最基础的测试点，我日常会全覆盖以下场景：1.正常场景：输入符合规则的常规内容，验证提交成功、数据正常保存；2.空值测试：不输入任何内容，直接提交，看是否有必填提示；3.长度边界：输入最小长度、最大长度、超出最大长度，校验限制和提示；4.格式校验：手机号、邮箱、身份证、数字等专属输入框，测试正确格式、错误格式、特殊字符；5.空格测试：输入全空格、首尾空格，看是否自动过滤、是否能正常提交；6.重复输入：唯一性字段（账号、手机号）测试重复值是否提示已存在；7.非法内容：输入HTML标签、JS脚本、SQL特殊字符，看是否有防注入过滤；8.复制粘贴：复制超长文本、特殊符号粘贴输入，验证兼容性。2、按钮测试的核心测试点有哪些？参考答案：1.状态测试：正常可点击、置灰不可点击、加载中状态、点击后状态变化；2.点击效果：单击、双击、快速连续点击，是否重复提交、是否卡顿；3.权限控制：不同角色账号登录，按钮是否显示/隐藏、是否可操作；4.联动测试：按钮点击后弹窗、跳转、数据刷新、表单清空等联动是否正常；5.快捷键测试：回车提交、ESC关闭弹窗等快捷键是否生效；6.异常场景：断网、服务器卡顿时点击按钮，是否有友好提示，不崩溃。3、页面跳转测试需要注意什么？参考答案：1.点击跳转入口（按钮、文字、图片），是否跳转到指定页面，无错页、空白页；2.新页面打开方式是否符合需求（当前页跳转、新标签页打开）；3.返回、前进、刷新页面，页面状态是否正常，数据不丢失、不错乱；4.跳转后页面参数是否正确，比如列表筛选条件、详情页ID对应准确；5.无权限用户跳转受限页面，是否拦截并提示，不会直接报错。三、Web兼容性测试（面试高频）1、Web兼容性测试主要测什么？怎么测？参考答案：Web兼容性主要分浏览器兼容和分辨率兼容两块：1.浏览器兼容主流测试浏览器：Chrome、Edge、Firefox、Safari，部分项目需要测旧版IE。主要看页面样式是否错乱、功能是否失效、弹窗是否错位、按钮是否不可点击。2.分辨率兼容测试1920*1080、1366*768、平板、自适应分辨率，检查页面是否拉伸、变形、留白、内容溢出、自适应布局失效等问题。测试方式就是安装多浏览器，切换不同分辨率，遍历核心页面和核心功能，重点关注UI样式和功能可用性。2、为什么同一个页面在不同浏览器显示不一样？参考答案：核心原因是浏览器内核不同，对CSS、JS的解析标准不一样：1.不同浏览器的默认样式不一样，比如边距、字体、行高默认值不同，前端没做统一重置就会错乱；2.部分CSS3、JS新语法，旧版本浏览器不兼容，会导致样式失效、功能报错；3.浏览器缓存机制不同，可能出现部分页面资源加载差异；4.自适应布局在不同内核的渲染逻辑有细微区别，容易出现错位、留白。四、Web性能基础测试（初级必问）1、你日常怎么做Web性能测试？关注哪些指标？参考答案：初级测试主要做手动性能检测，不用复杂工具，重点关注用户直观体验指标：1.页面加载时间：首次打开、刷新页面、返回上一页的加载速度；2.接口响应速度：表单提交、查询、删除等操作的接口响应是否卡顿、超时；3.资源加载情况：图片、js、css文件是否加载缓慢、加载失败；4.并发基础场景：多账号同时登录、同时操作同一数据，看是否数据错乱、报错；5.长时间操作：页面长时间挂起、反复操作，是否出现卡顿、卡死、内存溢出。工具上会用浏览器F12的Network查看请求耗时、资源加载情况，简单排查性能问题。2、页面加载慢，你怎么排查问题？参考答案：我会从前端、接口、服务器三个维度逐步排查：1.打开F12-Network，查看是哪个资源耗时久，是图片、JS文件还是接口请求；2.如果是静态资源（图片、脚本）加载慢，大概率是资源过大、未压缩、缓存没做好；3.如果是接口请求耗时久，看接口响应时间，排查是数据库查询慢、后台逻辑繁琐；4.排查网络问题，切换网络测试，排除本地网络卡顿；5.查看是否存在重复请求、无效请求，拖累页面加载速度。五、Web安全基础测试（面试加分项）1、简单说说你了解的Web安全测试场景参考答案：日常功能测试中会兼顾基础安全场景，不用深度渗透，主要测这几点：1.越权测试：分为水平越权、垂直越权。普通用户能否查看/修改其他用户数据，低权限账号能否操作高权限功能；2.SQL注入：在搜索框、输入框输入单引号、and/or、特殊语句，看是否报错、泄露数据库信息；3.XSS跨站脚本：输入简单JS脚本、HTML标签，提交后看页面是否被执行、弹窗篡改；4.验证码安全：验证码是否可重复使用、是否可绕过、是否无过期时间；5.密码安全：密码是否明文展示、是否简单密码可提交、是否有加密处理；6.会话安全：退出登录后，返回页面是否还能操作，Cookie是否失效。2、什么是水平越权和垂直越权？举个工作例子参考答案：1.水平越权：同权限、不同用户互相越权。例子：A用户和B用户都是普通会员，A通过修改URL参数、接口参数，直接查看、删除B的订单数据，就是水平越权。2.垂直越权：低权限、越级操作高权限功能。例子：普通员工账号，通过接口调用或者页面地址，直接访问管理员的后台配置、数据删除功能，就是垂直越权。六、Bug与用例实操（面试官最爱问）1、一条规范的bug包含哪些要素？参考答案：我提交bug都会保证信息完整，方便开发快速复现，包含这几项：1.简洁准确的bug标题，一句话说清问题；2.详细的复现步骤，步骤清晰、可复现；3.预期结果（应该是什么样）、实际结果（现在是什么样）；4.测试环境（浏览器、系统、版本、账号）；5.截图/录屏、接口报错日志，直观展示问题；6.bug优先级、严重级别、所属模块。2、怎么区分bug是前端问题还是后端问题？参考答案：日常通过F12开发者工具快速定位：1.前端问题：页面样式错乱、排版变形、按钮点不动、弹窗错位、提示文字错误、前端校验失效、页面渲染异常；接口返回数据正常，但页面展示错误，基本都是前端问题；2.后端问题：接口报错、接口返回数据为空/错误、数据保存异常、重复数据、权限失效、数据库数据错乱、提交成功后台无数据；页面操作正常，但后台逻辑出错，属于后端问题；3.前后端联调问题：参数传递错误、字段不匹配，需要前后端共同排查。3、什么是回归测试？什么时候需要做回归测试？参考答案：回归测试就是bug修复、版本迭代、功能改动后，重新测试原有功能，确保新改动不会影响旧功能，避免改出bug。需要做回归的场景：1.开发修复完bug后，必须回归验证；2.新增功能、迭代新版本后，回归核心旧业务；3.代码重构、环境升级、版本合并后；4.上线前全量回归核心流程。七、场景面试题（实操问答）1、版本马上要上线，突然发现一个非致命bug，你怎么处理？参考答案：1.先判断bug的影响范围：是否影响核心业务、是否会导致用户报错、是否有兼容问题；2.如果是轻微UI问题、不影响功能使用，记录bug、标注遗留问题，和产品、开发确认，允许本次版本上线，下个版本修复；3.如果看似不致命但有潜在风险，比如偶现报错、部分机型兼容问题，立刻同步项目组，评估是否延期上线、是否紧急修复；4.最终遵从项目组决策，同时做好记录，上线后重点监控该模块。2、开发认为不是bug，和你争执，你怎么处理？参考答案：1.首先冷静沟通，不争执，拿出需求文档、原型图作为依据，说明我判定bug的原因；2.如果是需求不明确，没有明确标准，立刻拉产品对齐需求，确认是否为问题；3.如果是行业通用规范、用户体验问题，即使需求没写，也