# 动量交互学习应用 - 故障排除指南

如果您在使用动量交互学习应用时遇到了动画无法正确加载的问题，请尝试以下步骤：

## 基本检查

1. **确保使用现代浏览器**
   - 推荐使用最新版本的Chrome、Firefox或Edge浏览器
   - 确保浏览器已启用JavaScript

2. **检查文件是否完整**
   - 确保您有完整的四个文件：`index.html`、`styles.css`、`script.js`和本指南
   - 确保所有文件都位于同一个文件夹中

3. **查看浏览器控制台**
   - 在Chrome中按F12或右键点击页面，选择"检查"
   - 切换到"Console"或"控制台"标签页
   - 查看是否有红色错误信息，并记录下来

## 常见问题及解决方案

### 1. p5.js库加载失败

**症状**: 控制台显示"p5 is not defined"或类似错误

**解决方案**:
- 确保您的计算机已连接互联网，因为p5.js是从CDN加载的
- 如果无法连接互联网，可以下载p5.js库并在本地引用：
  1. 从[p5.js官网](https://p5js.org/download/)下载库
  2. 将下载的`p5.min.js`文件放在项目文件夹中
  3. 修改`index.html`文件中的引用为：`<script src="p5.min.js"></script>`

### 2. 动画区域显示空白

**症状**: 页面加载但不显示动画

**解决方案**:
- 尝试调整浏览器窗口大小
- 清除浏览器缓存（Ctrl+F5或Cmd+Shift+R）
- 检查浏览器是否阻止了脚本运行（地址栏可能显示禁止运行脚本的图标）

### 3. 控件不响应

**症状**: 按钮点击或滑块拖动没有反应

**解决方案**:
- 尝试刷新页面
- 检查控制台是否有"找不到xxx元素"的错误信息
- 如果看到特定元素的错误，可能是HTML结构被意外修改，请与提供应用的教师联系

### 4. 特定模拟无法显示

**症状**: 某个特定的模拟部分不显示或不正常工作

**解决方案**:
- 尝试使用导航菜单多次切换不同部分
- 如果只有特定部分不工作，其他部分正常，请记录下哪个部分有问题，与提供应用的教师联系

## 高级解决方案

如果上述方法都无法解决问题：

1. **替换p5.js版本**
   - 尝试修改index.html中的p5.js引用为备用版本：
   `<script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/lib/p5.js"></script>`

2. **检查脚本错误**
   - 如果控制台显示特定行号的错误，打开script.js查看相应行
   - 常见问题可能是未定义变量或函数调用错误

3. **硬件加速**
   - 尝试启用或禁用浏览器的硬件加速选项

如果您仍然遇到问题，请将以下信息发送给应用提供者：
1. 您使用的浏览器名称和版本
2. 控制台中显示的错误信息（如有）
3. 问题的详细描述，包括哪些部分正常工作，哪些不正常

---

© 2023 高中物理动量教学项目