JavaScript调试指南:Bug排查提示词模板
提示词描述:
面向开发者的代码诊断提示词模板,通过标准化错误描述框架提升调试效率。包含错误溯源、原理剖析、多方案对比、预防建议四个维度,建议配合浏览器开发者工具同步验证。
提示语关键词:
JS调试,代码报错,前端开发,AI编程助手,JavaScript错误,代码修复,Debug提示词
提示词内容:
【模板说明】
专为开发者设计的代码诊断提示词,通过结构化错误描述快速定位问题根源。
【使用场景】
适用于前端开发中的控制台报错、逻辑错误、性能问题等调试场景。
【模板正文】
我遇到JavaScript问题,请分析:
- 错误类型:{填写报错信息}
- 代码环境:{填写运行环境}
- 相关代码:
```{填写代码片段}```
- 已尝试方案:{填写排查过程}
请按以下步骤解析:
1. 错误溯源(定位根本原因)
2. 原理说明(解释为何报错)
3. 修复方案(提供2种以上解法)
4. 预防建议(避免同类问题的最佳实践)
【填写指南】
环境标注:浏览器版本/Node版本/框架版本
代码片段:保留核心逻辑(删除敏感信息)
尝试方案:记录无效操作避免重复建议
【效果示例】
输入:Uncaught TypeError/Chrome115/事件监听代码/已检查DOM加载
输出:指出事件委托缺失问题,对比直接绑定与事件委托方案差异,建议采用DOMContentLoaded监听