egret 本地存储数据

最新推荐文章于 2025-06-27 15:22:38 发布

清木Moyu

最新推荐文章于 2025-06-27 15:22:38 发布

阅读量4.1k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sun124608666/article/details/82086511

博客介绍了使用egret.localStorage.setItem(key,value)实现本地存储数据的方法，其类似于cookie，还提及了读取、删除、清空数据的操作，并且指出打包成app后该方法仍可使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过 egret.localStorage.setItem(key,value); 可以实现本地存储数据，类似于cookie

存储

let key:string = "data_name";
let value:string = "data_value";
egret.localStorage.setItem(key,value);

读取数据

let getData:string = egret.localStorage.getItem(key);

删除数据

egret.localStorage.removeItem(key);

清空所有数据

egret.localStorage.clear();

打包成app以后，这个方法也是可以用的

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清木Moyu

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

白鹭本地数据存储操作代码实例

任聪聪的博客

04-18

1542

白鹭引擎版本：5.2.8 描述：白鹭本地数据存储操作代码实例本地数据的增删改查函数 /** * 数据存储函数 */ private save_key(key_name:string,key_value:string){ let key:string = key_name; let value:strin...

Egret 消消乐

04-25

6. **数据持久化**：为了保存玩家的进度或成绩，开发者可能会使用本地存储或云端同步。Egret引擎提供了方便的数据存储接口，可以轻松实现这一功能。 7. **用户体验**：Egret引擎还支持自定义UI组件和音效管理，使得...

参与评论您还未登录，请先登录后发表或查看评论

Egret原生打包调用本地存储功能

ubunrabbit各种笔记

05-06

1189

进入主题 Android端通过gameEngine.setRuntimeInterface获取Egret向本地发送的命令消息进行读取写入操作，这里只介绍sharedprefference，数据库存储类似。 /** * 写入 * @param context* @param key* @param data*/public static void saveData(...

Egret打包安卓App 本地存储之SharedPreferences

Egret_or_Unity的博客

04-17

797

SharedPreferences sp = getSharedPreferences("sp_name",Activity.MODE_PRIVATE);//创建sp对象,如果有key为"SP_PEOPLE"的sp就取出，否则就创建一个此key的sp对象 ,其中创建的xml文件夹会放在你包名的文件夹下生成一个shared_prefa/sp_name.xml ;这个sp_name.xml 就是ge...

Node.js到底是什么

ya3288426755的博客

06-27

1176

随着 TypeScript 的深度整合和云原生技术的普及，Node.js 不仅巩固了其在后端开发的地位，还逐步渗透到 AI、IoT 等新兴领域。对于开发者而言，掌握 Node.js 及其生态工具（如 Express、npm）是构建高效、可扩展应用的关键。我想像是npm、vite这些名词大家都很熟悉，对它们的作用也有大致印象，但是可能都像我一样不明白Node.js到底是什么，这里给大家带来一个简单介绍。Node.js 从一个实验性项目发展为现代 Web 开发的核心工具，其成功源于。

浏览器缓存(Egret项目实例分析)

weixin_30849591的博客

01-16

654

参考文章：浏览器缓存机制：http://web.jobbole.com/82997/ 浏览器缓存机制：http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html Meta http-equiv详解： http://kinglyhum.iteye.com/blog/827807 页面缓存相关设置： exprise 用于...

egret白鹭引擎保存加载文件到本地的实现方案

qq_24829537的博客

03-30

4166

文件系统前端基本上不可能解决的问题，也只能依靠服务端实现文件的操作了，或许可以试试云计术，都挂到云上。

egret排行榜和分享功能

06-30

在Egret中，我们可以使用本地存储或服务器接口来保存和更新玩家的分数。如果要实现实时的全球排行榜，你需要与后端服务器进行交互，通过API接口发送和获取数据。这些数据通常包括玩家ID、分数和时间戳等。在前端，...

由egret引擎编写的h5消消乐游戏，体验很好

08-28

5. **.egret** 文件夹：Egret的工作区设置和缓存数据。 6. **.gitignore** 和 **README.md** 等文件：版本控制和项目说明的相关文件。综上所述，通过Egret引擎，开发者可以高效地创建和管理H5游戏，如消消乐。利用...

基于 Egret 引擎开发的 HTML5 游戏.zip

02-13

4. Web Storage 和 IndexedDB：提供本地数据存储，便于游戏存档和状态管理。 5. Web Workers：后台线程处理计算密集型任务，提高游戏性能。 6. Socket API：实现实时通信，用于多人在线游戏。三、Egret开发流程 1....

一个用Egret引擎开发的棋牌游戏.zip

04-19

借助Web Storage API实现游戏数据的本地存储，方便玩家随时继续游戏。跨平台兼容性：确保游戏在不同浏览器和操作系统上都能正常运行。测试游戏在不同设备上的性能表现，进行必要的优化和调整。社区与反馈：建立...

egret获得token

wulong710的专栏

12-18

683

根据web的url来决定是否从login界面输入账户密码登陆，或者根据url携带的token来登陆。在index.html中获得url并缓存，然后在入口函数Main.ts中取出来解析，根据解析结果决定是否显示登陆界面。关键是index.html中添加这一段 //NOTE: andrew 在这里添加 var urlKey = "urlKey...

Egert API 之 Texture 切图方法详解

gzylongxingtianxia的专栏

10-21

1691

没错就是下面你看到的这个方法var txt:egret.Texture = new egret.Texture; txt.$initData(…);什么？你想看源码我来教你怎么看 ↓↓↓首先找到EgretEngine安装目录，可以将鼠标放到EgretEngine桌面图标，右键->打开文件所在位置打开下面这个目录用wing打开找到这个方法，没错就是下面这个什么？不知道参数啥意思？没关系，往上面找找

localStorage.setItem()使用

最新发布

08-15

<think>我们之前已经讨论过EgretWing（基于VS Code）清除缓存的两种方法：通过开发者工具和手动删除目录。现在问题具体指向“如何在开发者工具清理本地缓存”，这里需要明确：EgretWing的开发者工具本身没有直接提供“清除缓存”的按钮，但可以通过执行命令或使用开发者工具的控制台来实现。不过，在VS Code（EgretWing）中，我们可以通过以下步骤利用开发者工具清除缓存： 1. 打开开发者工具：在EgretWing中，按`Ctrl+Shift+I`（Windows/Linux）或`Cmd+Option+I`（Mac）打开开发者工具（基于Chromium的开发者工具）。 2. 在开发者工具中，切换到`Application`（应用程序）选项卡。 3. 在左侧菜单中选择`Storage`（存储）部分，然后你可以看到： - Local Storage - Session Storage - IndexedDB - Web SQL - Cookies - Cache Storage - 等等 4. 你可以选择清除特定的存储项，比如清除`Local Storage`或`Cache Storage`。但是，请注意：EgretWing（VS Code）的主要缓存并不完全通过Web标准的这些存储机制，而是存储在文件系统中（如我们之前提到的目录）。因此，在开发者工具中清除可能不会完全清理所有缓存。不过，我们可以通过开发者工具的控制台执行命令来清除整个缓存。VS Code提供了内部命令来清除缓存。具体步骤如下： 1. 打开开发者工具（Developer Tools）。 2. 切换到Console（控制台）选项卡。 3. 输入以下命令并执行： ```javascript // 清除整个缓存（包括图片、脚本等） caches.keys().then(keys => { keys.forEach(key => caches.delete(key)) }); ``` 4. 另外，如果你想清除localStorage和sessionStorage，可以分别执行： ```javascript localStorage.clear(); sessionStorage.clear(); ``` 但是，这些操作只会清除当前窗口的缓存，而VS Code的缓存大部分在文件系统中，所以这种方法可能效果有限。因此，更推荐使用我们之前提到的命令面板执行`Developer: Reload Window with Extensions Disabled`（这会以纯净模式重新加载，不加载扩展，但不会删除缓存文件）或者手动删除缓存目录。但根据VS Code的官方文档，有一个命令可以清除缓存：在命令面板中执行： ``` Developer: Clear Storage ``` 这个命令会清除以下内容： - localStorage - sessionStorage - IndexedDB - WebSQL - Cookies - Cache Storage - 等等然而，这个命令在VS Code中默认可用吗？实际上，这个命令是VS Code内置的，我们可以通过命令面板来执行。因此，总结在开发者工具中清理缓存的步骤并不是最直接的，我们更推荐使用命令面板执行`Developer: Clear Storage`命令。但是，如果问题坚持要在开发者工具中完成，我们可以通过控制台执行以下代码来模拟`Developer: Clear Storage`命令的效果： ```javascript // 清除各种存储 localStorage.clear(); sessionStorage.clear(); // 清除cookies document.cookie.split(";").forEach(cookie => { const eqPos = cookie.indexOf("="); const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; }); // 清除IndexedDB数据库（需要遍历所有数据库） // 注意：IndexedDB没有直接删除所有数据库的方法，需要知道每个数据库名，所以这里无法完全清除 // 清除Cache Storage caches.keys().then(keys => { keys.forEach(key => { caches.delete(key); }); }); // 清除WebSQL（已废弃，现代浏览器可能不支持，VS Code中可能也没有使用） // 没有直接API，但可以尝试关闭所有数据库并删除，但同样需要知道数据库名 // 最后，可以刷新窗口 // location.reload(); ``` 由于IndexedDB和WebSQL的清除需要知道具体的数据库名，所以上述代码不能完全清除，因此不推荐。所以，最佳实践还是使用命令面板执行`Developer: Clear Storage`命令。如何通过命令面板执行： 1. 按`Ctrl+Shift+P`打开命令面板。 2. 输入`Clear Storage`，选择`Developer: Clear Storage`命令。 3. 执行后，会弹出一个对话框，点击“清除”按钮。因此，回答用户的问题：EgretWing（VS Code）在开发者工具中清理本地缓存并不是最直接的方式，我们推荐使用命令面板的`Developer: Clear Storage`命令。如果非要在开发者工具中操作，可以尝试在控制台执行上述清除代码（但可能不彻底）。下面给出一个在开发者工具控制台中执行的完整代码片段，用于尽可能清除缓存： ```javascript // 清除Local Storage localStorage.clear(); // 清除Session Storage sessionStorage.clear(); // 清除Cookies const cookies = document.cookie.split(";"); for (let i = 0; i < cookies.length; i++) { const cookie = cookies[i]; const eqPos = cookie.indexOf("="); const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; } // 清除Cache Storage caches.keys().then(keys => { for (const key of keys) { caches.delete(key); } }); // 尝试清除IndexedDB（需要用户确认，且需要知道所有数据库名，这里无法完全清除） // 这里提供一个思路：获取所有数据库名并删除，但浏览器环境不允许直接获取所有数据库名，所以无法实现。 // 清除Application Cache（如果使用） if (window.applicationCache) { window.applicationCache.abort(); // 注意：Application Cache已被废弃，且清除方法并不标准。 } console.log("Caches have been cleared as much as possible. Some caches may remain (like IndexedDB)."); ``` 执行后，可能需要手动刷新窗口。但是，再次强调，这种方法不能完全清除VS Code的缓存，因为VS Code将大量缓存数据存储在操作系统的文件系统中。要彻底清除，还是需要删除缓存目录（如之前所述）。因此，我们给出两种方式，但推荐使用命令面板或手动删除文件。最后，根据要求，提出相关问题： §§相关问题§§: 1. 如何在VS Code中通过命令行参数启动并禁用所有扩展？ 2. VS Code的缓存目录结构是怎样的？ 3. 如何编写VS Code扩展来管理缓存？ 4. Electron应用如何清除本地存储（local storage）？</think>### 在 EgretWing 开发者工具中清除本地缓存的详细方法在 EgretWing（基于 VS Code）的开发者工具中清除本地缓存，可以通过以下步骤实现： --- #### 方法 1：通过开发者工具控制台清除缓存 1. 打开 EgretWing 2. 按 `Ctrl+Shift+I`（Windows/Linux）或 `Cmd+Option+I`（Mac）打开开发者工具 3. 在控制台输入以下命令： ```javascript // 清除所有缓存 await caches.keys().then(cacheNames => { return Promise.all( cacheNames.map(cacheName => caches.delete(cacheName)) ); }); // 清除 localStorage localStorage.clear(); // 清除 sessionStorage sessionStorage.clear(); console.log("All caches cleared successfully!"); ``` **代码说明**： - `caches.delete()`：清除 Service Worker 缓存 - `localStorage.clear()`：清除持久化存储数据 - `sessionStorage.clear()`：清除会话级存储数据 --- #### 方法 2：使用 VS Code 内置命令 1. 打开命令面板：`Ctrl+Shift+P` 2. 输入并执行： ```plaintext Developer: Clear Storage ``` 3. 在弹出窗口中选择要清除的存储类型： - Application Cache - Local Storage - Session Storage - IndexedDB - WebSQL - Cookies --- #### 方法 3：通过扩展 API 清除缓存（创建自定义命令）创建扩展文件 `clearCache.js`： ```javascript const vscode = require('vscode'); function activate(context) { let disposable = vscode.commands.registerCommand('extension.clearCache', async () => { // 清除浏览器缓存 await vscode.commands.executeCommand('workbench.action.webview.reloadWebviewAction'); // 清除扩展缓存 await vscode.commands.executeCommand('workbench.extensions.clean'); // 清除用户数据缓存 await vscode.commands.executeCommand('workbench.action.reloadWindow'); vscode.window.showInformationMessage('All caches cleared successfully!'); }); context.subscriptions.push(disposable); } module.exports = { activate }; ``` **使用方式**： 1. 将文件放入 `.egret/extensions/clear-cache` 目录 2. 在命令面板执行 `Clear Cache` --- #### 缓存类型说明 | 缓存类型 | 清除方法 | 存储内容 | |-----------------|-----------------------------------|------------------------------| | Service Worker | `caches.delete()` | PWA 离线资源 | | LocalStorage | `localStorage.clear()` | 用户设置、主题配置 | | SessionStorage | `sessionStorage.clear()` | 临时会话数据 | | IndexedDB | `indexedDB.deleteDatabase()` | 大型结构化数据 | | Extension Cache | `workbench.extensions.clean` | 已安装扩展的缓存数据 | | Webview Cache | `webview.reloadWebviewAction` | Webview 组件资源 | --- #### 验证缓存是否清除在开发者工具控制台运行： ```javascript // 检查缓存状态 console.log("LocalStorage:", localStorage.length); console.log("SessionStorage:", sessionStorage.length); caches.keys().then(keys => console.log("Cache Stores:", keys)); // 检查 IndexedDB indexedDB.databases().then(dbs => console.log("IndexedDB Databases:", dbs.map(db => db.name)) ); ``` --- ### 注意事项 1. **权限要求**：需要开发者工具开启状态 2. **数据丢失**：清除 localStorage 会重置用户偏好设置 3. **扩展影响**：部分扩展可能依赖缓存数据，清除后需重新初始化 4. **性能影响**：首次加载可能变慢，后续访问会重新生成缓存