H5小游戏数据均存在localStorage 中,因此采用浏览器备份json数据及恢复的方式,基本不占用服务器
导出步骤:
打开浏览器F12,打开Console栏,直接执行命令
导出脚本,包含时间戳等格式:
// 导出所有 localStorage 数据
(function() {
const data = JSON.stringify(localStorage, null, 2);
const blob = new Blob([data], {type: 'application/json'});
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `localStorage_backup_${new Date().toISOString().slice(0,19).replace(/:/g, '-')}.json`;
a.click();
URL.revokeObjectURL(url);
console.log('导出完成');
})();恢复脚本(文件上传 + 确认覆盖)
// 恢复 localStorage 数据(从文件读取)
(function() {
const input = document.createElement('input');
input.type = 'file';
input.accept = 'application/json';
input.onchange = (event) => {
const file = event.target.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = (e) => {
try {
const data = JSON.parse(e.target.result);
if (confirm('清空当前所有 localStorage 数据并恢复吗?')) {
localStorage.clear();
for (const [key, value] of Object.entries(data)) {
localStorage.setItem(key, value);
}
console.log('恢复完成!');
alert('恢复成功,请刷新页面查看效果。');
} else {
console.log('已取消恢复');
}
} catch (err) {
console.error('解析失败:', err);
alert('文件解析失败,请确保是有效的 JSON 备份文件');
}
};
reader.readAsText(file, 'UTF-8');
};
input.click();
})();使用方法:
运行导出脚本 → 下载 JSON 文件。
运行恢复脚本 → 选择刚才的 JSON 文件 → 确认清空 → 恢复完成。