调试一个网页问题

先复现一次问题，查看这次操作产生的请求和日志。再改变一个条件，重做同样的操作，核对页面结果。

打开 Mearl 调试面板

扩展功能参考

在出现问题的网页打开 Chrome DevTools，选择 Mearl。复现问题后，检查请求状态、响应正文和控制台错误。

只看这次复现的数据

先在目标标签页记录一个检查点，再复现问题。把返回的 cursor 填入查询，只读取本次新增的请求和日志。先看请求元信息，定位到具体请求后再读正文。

Shell

mearl tab_checkpoint --payload '{"tabId":12345}'
mearl get_requests --payload '{"tabId":12345,"after":"<cursor>","includeBody":false}'
mearl get_logs --payload '{"tabId":12345,"after":"<cursor>","level":"error"}'

Mearl 调试面板的 Response 标签页显示 GET /api/orders 返回的 3 条订单，左侧手机预览也显示了这 3 条。

改变一个条件，核对结果

请求诊断指南带浏览器登录态重放请求

要检查空订单状态，可以用 Mock 让订单接口返回空列表，再刷新页面，确认订单数变为 0。要测试重定向或请求头变化，则使用请求规则。可用规则取决于连接方式。