缺陷前后端划分方式

前端Bug表现

界面布局显示

排版错乱，文字遮挡，操作按钮风格不统一，操作按钮遮挡不可用等

明显的文字错误，如列表字段名称存在错别字，警告框/提示信息等存在错别字等

数据展示错误，如列表字段名称与对应值不匹配，取值显示错误

不同浏览器/不同分辨率下未做自适应处理等

功能业务相关

通过控制台（F12）或利用抓包工具查看请求方式：操作无请求，即未调用后端接口，则属于前端问题

通过控制台（F12）或利用抓包工具查看请求：操作有请求，则通过状态码来判断，如4XX可能由于权限或者url填写错误

前端Bug判定方法

F12，查看Console是否有js报错

抓包工具：Fiddler/Charles抓包查看分析请求数据，对比接口文档检查

请求与接口文档不一致，前端问题

请求与接口文档一致，响应数据与接口文档一致，前端问题

请求与接口文档一致，但响应数据与接口文档不一致，后端问题

Bug前后端划分方式

后端Bug表现

功能相关

通过控制台（F12）或利用抓包工具查看请求：操作有请求，则通过状态码来判断，像5XX基本上属于后端问题

通过控制台（F12）或利用抓包工具查看请求：操作有请求，通过返回数据来判断，如果返回数据为空，基本上可判断为后端问题

性能相关

操作后响应耗时较长，大多是后端逻辑存在问题（有可能受网络影响）

安全相关

前端操作后，数据库中未记录相应数据/未加密敏感数据等

后端Bug判断方法

查看log信息

前台操作出现bug但无log生成，前端问题

前台操作出现bug且有log生成，根据log关键字判断，如空指针，语法错误等，后端问题

查看接口信息

通过F12/抓包工具分析接口及返回数据

经验积累

通过自己之前项目经验积累，总结自己的判断缺陷划分方法

自己无法判断的情况下及时和模块对应的开发反馈，高效反馈问题