【新手入门软件测试--该如何分辨前后端问题及如何定位日志--前后端问题分辨与日志定位查询问题】

前后端问题分辨与日志定位查询

一、前端问题

1. 页面无法加载

  • 表现:用户打开页面时只看到空白或加载中。
  • 实例:用户报告说访问首页后没有任何内容。
  • 定位与解决
    • 检查控制台:查看是否有404或JavaScript错误。
    • 解决方案:确认HTML、CSS和JavaScript文件的路径正确,并确保服务器正常运行。

2. 样式错乱

  • 表现:页面布局与设计不符,元素重叠或错位。
  • 实例:用户反馈按钮位置不对,样式失效。
  • 定位与解决
    • 使用开发者工具:检查元素的CSS属性,确认样式是否被覆盖。
    • 解决方案:检查CSS文件是否正确加载,修复样式冲突。

3. API请求失败

  • 表现:前端通过AJAX请求数据时,收到错误响应。
  • 实例:用户尝试登录,点击"提交"后返回404错误。
  • 定位与解决
    • 查看网络请求:在"网络"选项卡中查看请求状态和返回内容。
    • 解决方案:检查API路径是否正确,并确认后端服务已启动。

4. 数据格式错误

  • 表现:后端返回的数据结构与前端预期不一致。
  • 实例:用户在表单提交后,收到错误格式的返回数据。
  • 定位与解决
    • 检查API文档:确认后端返回的数据格式是否符合预期。
    • 解决方案:修改后端代码,确保返回的数据结构正确。

5. 跨域请求问题

  • 表现:前端无法访问后端API,控制台报错CORS。
  • 实例:用户尝试从不同域名请求数据时,出现跨域错误。
  • 定位与解决
    • 查看控制台错误:检查具体的CORS错误信息。
    • 解决方案:在后端设置CORS策略,允许特定源进行请求。

二、后端问题

6. 表单验证失败

  • 表现:用户提交表单时,未显示验证错误或提交无效数据。
  • 实例:用户填写表单,提交后没有提示信息。
  • 定位与解决
    • 检查JavaScript代码:查看表单验证逻辑是否正常。
    • 解决方案:确保在表单提交前进行有效性检查,并给予用户反馈。

7. 数据库连接失败

  • 表现:后端无法读取或写入数据库。
  • 实例:用户尝试登录时,后端返回"无法连接到数据库"的错误。
  • 定位与解决
    • 检查后端日志:查看是否有数据库连接错误。
    • 解决方案:确认数据库服务运行,并检查连接配置(如用户名、密码、端口)。

8. 请求超时

  • 表现:前端请求长时间无响应,显示超时。
  • 实例:用户请求数据时,页面长时间无反应。
  • 定位与解决
    • 查看网络请求:确认请求是否超时,以及响应时间。
    • 解决方案:优化后端处理逻辑,确保快速响应。

9. 权限问题

  • 表现:用户访问受限资源时返回403或401错误。
  • 实例:用户尝试访问管理页面时,显示未授权。
  • 定位与解决
    • 检查用户状态:确认用户是否已登录及其角色权限。
    • 解决方案:修复权限设置,确保用户具有访问所需资源的权限。

10. JavaScript运行错误

  • 表现:用户在页面操作时,控制台报错,功能无法使用。
  • 实例 :用户点击某个按钮时,出现Uncaught TypeError错误。
  • 定位与解决
    • 查看控制台错误信息:确认具体的错误类型和位置。
    • 解决方案:修复代码逻辑,确保所调用的对象或函数正确。

三、日志查询的方法

1. 查看日志文件

  • 使用 lessmore 命令

    bash 复制代码
    less /path/to/logfile.log
  • 查看文件的前100行

    bash 复制代码
    head -n 100 /path/to/logfile.log
  • 查看文件的后100行

    bash 复制代码
    tail -n 100 /path/to/logfile.log

2. 过滤关键字

  • 使用 grep 过滤特定关键字

    bash 复制代码
    grep "关键字" /path/to/logfile.log
  • 查看某一特定接口的日志

    bash 复制代码
    grep "/api/specific-endpoint" /path/to/logfile.log
  • 查看某一特定用例的日志(假设用例有特定的标识符):

    bash 复制代码
    grep "用例ID" /path/to/logfile.log

3. 实时查看日志

  • 结合 tailgrep 实时查看特定关键字的日志

    bash 复制代码
    tail -f /path/to/logfile.log | grep "关键字"

推荐阅读:
Postman深入测试接口的详细指南
测试小白--如何写好测试用例--测试用例编写的方法


以上均为本人自我总结,需要帮助请私信我,及欢迎各位前来探讨~

各位大佬海涵,这里将插播一条预告:

  • 十一月初,赣南脐橙迎来丰收季,果实金黄、汁甜饱满,清爽的酸甜口感令人陶醉。它不仅是冬季美味的水果选择,也是馈赠亲友的最佳礼品,带来温暖与自然的馈赠。
  • 作为一个实打实的江西赣州老表,怎么能不宣传一下自家的脐橙呢~~~





以上有任何问题疑问,请私信我,欢迎一起探讨~

相关推荐
Ven%29 分钟前
实用篇:postman汉化教程
测试工具·postman
行者记1 小时前
ffmpeg命令——从wireshark包中的rtp包中分离h264
测试工具·ffmpeg·wireshark
土小帽软件测试4 小时前
jmeter基础02_下载安装jmeter
测试工具·jmeter·接口测试·软件测试学习
谷隐凡二7 小时前
selenium操作已开启的浏览器,方便调试
selenium·测试工具
钱钱钱端17 小时前
UI自动化测试 —— CSS元素定位实践!
css·功能测试·selenium·测试工具·jmeter·ui·postman
CSXB9917 小时前
三十一、Python基础语法(多态)
开发语言·python·功能测试·测试工具
qq_433716951 天前
性能测试 —— MySQL性能测试方案设计!
自动化测试·功能测试·测试工具·mysql·接口测试·postman·性能测试
安冬的码畜日常1 天前
【玩转 Postman 接口测试与开发2_003】第一章:API 相关术语及类型
测试工具·postman