GPT中文小秘书挑几下就能开工
我积分

生成前端调试检查清单

关于「生成前端调试检查清单」:能拿到什么、要点选什么、怎么办

点几下,3 分钟拿到带 DevTools 路径的调试清单。为前端工程师生成针对白屏、404、样式错位等5类高频问题的本地调试检查清单,含具体Chrome DevTools操作路径;不提供修复代码,不替代线上监控与协作排查。

能拿到什么

  • 推荐:排好版的前端调试检查清单 Word + 一页 PDF,按问题类型分节,每步带 DevTools 路径(A4 两页,按白屏/404/样式错位分节,每步一行操作路径,重点项加粗),约 3 分钟
  • 旗舰:调试检查清单 Word、一页速查 PDF、常见误判对照表、快捷键卡片

要你点选的几项

问题类型、环境范围、要包含哪些排查项、DevTools操作路径、排查详细程度、目标浏览器、输出风格、附带提示。多数点一下就行,没选的按常见情况替你定,交付时说清哪几项是按默认的。

怎么办

  1. 选问题类型和环境范围
  2. 勾选要覆盖的排查项
  3. 选详细程度和输出风格
  4. 生成清单,可存 PDF

别人还这样说

  • 页面白屏但控制台没报错,怎么一步步查?
  • 给我列个表,包含接口404、样式错位这些常见坑,每一步该点哪个菜单都写清楚,我要存成PDF随时看。
直接说你要办的事。下面是别人怎么办的,点任何一项就换成你自己的。左边是别人怎么办的,右边是你的,点一项就开始改。
示范 · 别人这样说

「接口返回404,怎么确认是路由配错了还是代理没生效?」

替他选了:接口404 · 本地+联调后端 · 定位根因(含断点位置) · 编号步骤式

按示范选好的 点一项就变成你的

你的成品会在这里出现
示例成品 · 不是你的按示范写的,看个样子
1. 白屏问题 → 检查HTML是否被JS动态清空:Elements面板右键body → Break on → subtree modifications → 查看Sources中入口JS执行顺序,断点在document.write()或innerHTML=''前 2. 接口404 → Network标签页筛选XHR,点击失败请求 → 查看Preview/Response确认是否返回mock数据而非真实错误 → 在Console输入fetch('/api/user')手动触发,观察Headers中Referer和Origin是否合规

GPT中文 也可能出错,成品请自己核对关键数字和事实。条款 · 隐私