# 浏览器存储管理指南

## 🌐 **如何访问您的数据存储**

### **步骤指南**

#### **1. 打开开发者工具**
- **快捷键**: F12 或 Ctrl+Shift+I
- **右键菜单**: 右键点击页面 → "检查" 或 "开发者工具"

#### **2. 切换到Application标签**
- 在开发者工具顶部找到 "Application" 标签并点击
- 如果没有看到，点击 ">>" 符号查找更多标签

#### **3. 导航到Local Storage**
```
Application面板左侧结构:
├── Application (应用)
├── Storage (存储) ← 重点关注这里
│   ├── Local Storage ← 您的数据在这里
│   │   └── https://your-domain.com
│   ├── Session Storage
│   ├── IndexedDB
│   ├── Cookies
│   └── ...
├── Background Services (后台服务)
└── Frames (框架)
```

#### **4. 查看其他装备数据**
在Local Storage中查找：
- **键名**: `index-otherEquipmentList`
- **值**: JSON格式的设备数据

## 🔧 **数据操作方法**

### **查看数据内容**
```javascript
// 在Console标签中运行
const equipmentData = localStorage.getItem('index-otherEquipmentList');
console.log('原始数据:', equipmentData);

// 解析并美化显示
const parsed = JSON.parse(equipmentData || '[]');
console.table(parsed);
```

### **删除特定数据**
```javascript
// 删除所有其他装备数据
localStorage.removeItem('index-otherEquipmentList');

// 或者在Application面板中:
// Local Storage → 您的域名 → 右键点击 'index-otherEquipmentList' → Delete
```

### **备份数据**
```javascript
// 导出当前数据
const backup = localStorage.getItem('index-otherEquipmentList');
console.log('备份数据 (请复制保存):', backup);

// 下载为文件
const blob = new Blob([backup], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'equipment-backup.json';
a.click();
```

### **恢复数据**
```javascript
// 从备份恢复数据 (替换 YOUR_BACKUP_DATA 为实际的备份数据)
const backupData = 'YOUR_BACKUP_DATA';
localStorage.setItem('index-otherEquipmentList', backupData);
location.reload(); // 刷新页面以加载数据
```

### **清空所有数据**
```javascript
// 清空特定项目的所有数据
localStorage.clear(); // 注意: 这会清空所有localStorage数据

// 更安全的方式 - 只清空相关数据
localStorage.removeItem('index-otherEquipmentList');
localStorage.removeItem('index-flyDeviceList');
localStorage.removeItem('index-carDeviceList');
```

## 📊 **数据格式示例**

### **localStorage中存储的数据格式**
```json
[
  {
    "equipmentId": "dy04",
    "equipmentType": "QB303设备",
    "category": "平台设备",
    "status": "正常",
    "online_status": true,
    "latitude": 28.20648476190476,
    "longitude": 112.8945530952381,
    "altitude": 200,
    "battleUnitCode": "dy04",
    "lastUpdateTime": 1757295666670
  }
]
```

## 🎯 **常用操作快速参考**

### **快速查看当前数据**
```javascript
// 一行命令查看所有设备
JSON.parse(localStorage.getItem('index-otherEquipmentList') || '[]').forEach((d,i) => console.log(`${i+1}. [${d.equipmentId}] ${d.equipmentType} - ${d.status}`));
```

### **快速清空数据**
```javascript
// 清空并确认
localStorage.removeItem('index-otherEquipmentList');
console.log('数据已清空，当前数据:', localStorage.getItem('index-otherEquipmentList'));
```

### **快速添加测试数据**
```javascript
// 添加测试设备
testQB303Data();
console.log('测试数据已添加，当前设备数量:', JSON.parse(localStorage.getItem('index-otherEquipmentList') || '[]').length);
```

## 🔍 **故障排除**

### **如果找不到数据**
1. **确认页面已加载**: 刷新页面并等待加载完成
2. **检查域名**: 确保选择了正确的域名
3. **检查键名**: 查找 `index-otherEquipmentList`
4. **查看控制台**: 检查是否有错误信息

### **如果数据格式错误**
```javascript
// 验证数据格式
try {
    const data = JSON.parse(localStorage.getItem('index-otherEquipmentList'));
    console.log('数据格式正确，设备数量:', data.length);
} catch (error) {
    console.error('数据格式错误:', error);
    // 清空损坏的数据
    localStorage.removeItem('index-otherEquipmentList');
}
```

## 💡 **小贴士**

1. **定期备份**: 重要数据建议定期备份
2. **谨慎删除**: localStorage删除后无法恢复
3. **格式验证**: 手动编辑时注意JSON格式正确性
4. **浏览器限制**: localStorage有大小限制(通常5-10MB)

使用这些方法，您可以完全控制您的其他装备数据存储！