前端 - 怎么在小程序中查看本地缓存的数据？

Question

web端的本地缓存可以在Application中查看，那线上小程序的本地缓存在哪里查看呀？

Answer 1

如果有开发权限，可以在体验版中打开调试模式，然后重新进入线上版的小程序，就可以使用 vConsole 工具了。
或者在微信开发者工具当中使用 真机调试 就可以在电脑中使用 Chrome DevTools 了。

本地缓存信息都会在 Storage 面板中

Answer 2

在小程序中查看本地缓存的数据，可以使用wx.getStorageSync()方法获取本地存储数据。该方法返回一个Promise对象，当数据被成功存储到本地时，该Promise对象会resolve(true),并返回存储的数据；当数据无法被成功存储到本地时，该Promise对象会reject(false)。

以下是一个示例代码：

// 获取本地存储数据

wx.getStorageSync('key')

  .then((data) => {

    console.log('本地缓存数据为：', data);
  })

  .catch((error) => {

    console.error('获取本地缓存数据失败：', error);
  });

在这个示例中，我们使用wx.getStorageSync()方法获取名为"key"的本地存储数据的值，并将其打印到控制台。如果获取数据失败，则会在控制台输出错误信息。

Answer 3

线上小程序的本地缓存并不像 PC 那样可以通过浏览器 Application 在微信开发者工具中，在调试控制台中输入以下命令：

wx.getStorageInfoSync()

这个命令会输出小程序当前运行时所用的所有缓存信息，包括 “keys” 和 “currentSize”。其中，“keys” 字段列出了当前小程序中所有已缓存的 key；“currentSize” 则显示了占用的缓存大小。

如果你想查看某个缓存的内容，可以使用下面的命令来获取该缓存的值：

wx.getStorageSync(key)

其中 key 是你需要查询缓存值的 key 名称。这个方法会返回缓存键名为 key 的值。