当前位置: 首页 > news >正文

Mock测试:移动端分辨率适配

 核心需求:通过 Charles 返回极端数据,测试 UI 对超长文本、大图、异常数值的兼容性

  1. 拦截接口

    • 在移动端访问真实接口 https://api.example.com/products
    • Charles 左侧请求列表找到该接口,右键选择 ​Map Local
  2. 绑定测试数据

  3. 选择该文件作为响应数据

// 本地文件 product_mock.json
{
  "products": [{
    "name": "【测试专用】超长商品名称XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX(50字测试)",
    "price": 999999.99
  }]
}

验证显示效果

  • 超长商品名称:商品名称自动换行或截断,界面布局保持完整,无元素错位、重叠等情况。
  • 价格显示保留两位小数,在高额价格下均能完整显示在容器内,不溢出。

相关文章:

  • 【deepseek之我问】如何把AI技术与教育相结合,适龄教育,九年义务教育,以及大学教育,更着重英语学习。如何结合,给出观点。结合最新智能体Deepseek
  • MySQL企业开发中高频使用语句
  • nginx 正向代理与反向代理
  • 【Linux网络编程】高效I/O--select/poll服务器
  • 4.1 Go结构体的指针
  • 上海商米科技通信工程师后端开发岗内推
  • 基于SpringBoot的图书进销存管理系统开发与设计
  • 【AHK】资源管理器自动化办公实例/自动连点设置
  • go-zero中定时任务的用法
  • 如何搭建和管理 FTP 服务器
  • 取topN不同算法的实现的性能差别
  • Java线程池入门04
  • Neo4j 图数据库安装与操作指南(以mac为例)
  • SpringBatch简单处理多表批量动态更新
  • python的列表和元组别再傻傻分不清啦
  • Java 大视界 -- Java 大数据分布式文件系统的性能调优实战(101)
  • 序列化是什么?常见的序列化方式有哪些?什么时候我们会用到序列化?
  • 利用2600分钟开发springboot3+vue3+mybatis保姆级项目总结
  • 天猫代运营公司推荐:品融电商
  • 若依框架集成阿里云OSS
  • 企业网站备案是什么意思/链接提交工具
  • 企业网站备案好不好/浏览器谷歌手机版下载
  • 产品销售推广方案/seo搜索引擎优化总结报告
  • 成都新都网站开发/网上商城推广13种方法
  • 成都健康网官微疫情/seo课程总结怎么写
  • wordpress 样式丢失/网站seo推广员招聘