Fiddler弱网测试博客系统详细指南

用户5745370994361
96 阅读2分钟

测试准备

  1. ​​环境搭建​​：

    • 安装Fiddler Classic (最新版本)
    • 确保博客系统运行在可访问的网络环境中(当前IP为8.137.19.140:9090)
    • 准备测试账号(用户名:zhangsan1)

  2. 测试目标确认：

    • 测试登录功能(登录页面)
    • 测试博客列表加载(blog_list.html)
    • 测试博客编辑发布(blog_edit.html)
    • 测试博客详情页加载(博客详情页)

  3. 注意事项：

    • 测试前清除浏览器缓存
    • 每次测试保持相同的网络条件
    • 记录完整的测试环境和参数
    • 对比正常网络和弱网下的用户体验差异

Fiddler弱网测试配置步骤

1. 设置Fiddler模拟弱网环境

  1. 打开Fiddler → Rules → Customize Rules
  2. 在OnBeforeRequest函数中添加或修改以下代码：
// 模拟2G网络
if (m_SimulateModem) {
    // 延迟600ms发送1KB数据
    oSession["request-trickle-delay"] = "600"; 
    // 延迟500ms接收1KB数据
    oSession["response-trickle-delay"] = "500"; 
}
  1. 使用预设规则：Rules → Performance → Simulate Modem Speeds image.png

2. 测试场景设计

  1. ​​2G网络模拟​​：

    • 下载速度: 50-250 Kbps
    • 上传速度: 20-50 Kbps
    • 延迟: 300-1000ms

  2. ​​3G网络模拟​​：

    • 下载速度: 1-4 Mbps
    • 上传速度: 0.5-1.5 Mbps
    • 延迟: 100-400ms

  3. ​​不稳定网络模拟​​：

    • 随机丢包率5-10%
    • 带宽波动
    • 间歇性高延迟

3. 测试执行步骤

  1. ​​登录功能测试​​：

    • 开启Fiddler捕获
    • 访问登录页面
    • 观察用户名/密码字段的加载延迟
    • 提交登录表单，检查响应时间
    • 特别关注登录后的跳转延迟

  2. ​​博客列表测试​​：

    • 访问blog_list.html
    • 检查博客列表加载时间
    • 观察分页数据加载(如果有)
    • 检查用户信息区加载情况

  3. ​​博客编辑测试​​：

    • 进入blog_edit.html
    • 测试富文本编辑器加载
    • 模拟发布博客，检查"发布文章"按钮响应
    • 观察图片上传功能

  4. ​​博客详情测试​​：

    • 点击任意博客"查看全文"
    • 检查详情页加载时间
    • 测试"编辑"和"删除"按钮响应
avatar
文章
阅读
粉丝