{
  "alpp": "1.0",
  "packageId": "urn:alpp:package:ai-library:niorn:bug-troubleshooting:v1.0.0",
  "metadata": {
    "title": "网站Bug排查流程",
    "description": "",
    "author": "niorn",
    "difficulty": "intermediate",
    "learningTime": "1.5小时",
    "tags": [
      "Bug排查",
      "前端调试",
      "问题解决"
    ],
    "categories": [
      "教程指南"
    ],
    "createdAt": "2026-04-28",
    "updatedAt": "2026-04-28",
    "version": "1.0.0",
    "source": {
      "type": "website",
      "url": "https://www.ai-library.asia/experiences/bug-troubleshooting/",
      "license": "CC BY-SA 4.0"
    }
  },
  "learningContract": {
    "prerequisites": "[基础HTML/CSS/JavaScript知识, 浏览器开发者工具使用]",
    "outcomes": [
      {
        "concept": "Bug排查",
        "level": "understanding"
      },
      {
        "concept": "前端调试",
        "level": "understanding"
      },
      {
        "concept": "问题解决",
        "level": "understanding"
      }
    ],
    "estimatedTime": "1.5小时"
  },
  "content": {
    "scenario": "",
    "insight": "",
    "fullContent": "---\nslug: bug-troubleshooting\ntitle: 网站Bug排查流程\nauthor: niorn\ncategories:\n  - 教程指南\ntags: [Bug排查, 前端调试, 问题解决]\ndate: 2026-04-28\ndifficulty: 中级\nlearning_time: 1.5小时\nprerequisites: [基础HTML/CSS/JavaScript知识, 浏览器开发者工具使用]\ndraft: false\ntype: experiences\n---\n\n# 网站Bug排查流程\n\n## 问题场景\n\n当网站出现异常时，如何快速定位和解决问题。\n\n## 排查步骤\n\n### Step 1: 收集错误信息\n- 查看浏览器控制台\n- 检查网络请求\n- 记录错误信息\n\n### Step 2: 复现问题\n- 确定问题可复现\n- 记录复现步骤\n\n### Step 3: 定位问题\n- 使用开发者工具\n- 添加断点调试\n- 检查变量值\n\n### Step 4: 修复问题\n- 修改相关代码\n- 测试修复效果\n\n### Step 5: 验证上线\n- 在测试环境验证\n- 部署到生产环境\n- 监控是否解决\n\n## 常用工具\n\n- Chrome DevTools\n- VS Code debugger\n- console.log 调试法\n",
    "blocks": [
      {
        "blockType": "TextBlock",
        "level": "L0",
        "content": "---\nslug: bug-troubleshooting\ntitle: 网站Bug排查流程\nauthor: niorn\ncategories:\n  - 教程指南\ntags: [Bug排查, 前端调试, 问题解决]\ndate: 2026-04-28\ndifficulty: 中级\nlearning_time: 1.5小时\nprerequisites: [基础HTML/CSS/JavaScript知识, 浏览器开发者工具使用]\ndraft: false\ntype: experiences\n---\n\n# 网站Bug排查流程\n\n## 问题场景\n\n当网站出现异常时，如何快速定位和解决问题。\n\n## 排查步骤\n\n### Step 1: 收集错误信息\n- 查看浏览器控制台\n- 检查网络请求\n- 记录错误信息\n\n### Step 2: 复现问题\n- 确定问题可复现\n- 记录复现步骤\n\n### Step 3: 定位问题\n- 使用开发者工具\n- 添加断点调试\n- 检查变量值\n\n### Step 4: 修复问题\n- 修改相关代码\n- 测试修复效果\n\n### Step 5: 验证上线\n- 在测试环境验证\n- 部署到生产环境\n- 监控是否解决\n\n## 常用工具\n\n- Chrome DevTools\n- VS Code debugger\n- console.log 调试法\n"
      }
    ]
  },
  "assessments": {
    "checkpoints": []
  },
  "_meta": {
    "generatedAt": "2026-04-21T10:56:26+08:00",
    "generator": "AI经验图书馆 JSON Generator",
    "alppVersion": "v0.2"
  }
}