在开发时查看React Native应用程序的本地存储？

Question

在开发过程中是否有一种查看本地存储中所有键/值对的好方法？我想调试一个问题。是的我可以使用调试器关键字设置断点，但是它必须是一个查看器命令或菜单项吗？

Answer 1

有一种查看本地存储的方法。

注意：我假设您正在使用Xcode和iOS。

AsyncStorage实际上将键值存储保存到名为manifest.json的简单json文件中。在iOS中，它将其保存到名为RCTAsyncLocalStorage_V1的专用子文件夹的Documents文件夹中。

如果你在模拟器上进行开发，你可以找到这样的文件：

1. 转到此文件夹：~/Library/Developer/CoreSimulator/Devices。
2. 查找名为RCTAsyncLocalStorage_V1。
的文件夹
3. 在此文件夹中，您将找到清单文件（manifest.json） - 这是您的存储文件。

如果您有多个使用AsyncStorage的应用程序（以及多个文件夹/清单文件），则很难分辨哪个是哪个。可以通过本机端的调试或控制台打印找到当前应用程序的确切文档文件夹，但这有点偏离主题。

Answer 2

不幸的是，在浏览器的开发工具中无法做到这一点。我希望有。但是，我可以想出两种解决问题的方法。希望这会有所帮助。

1. 使用getAllKeys然后映射它们，沿途输出键/值。这可能是最简单，最直接的。

2. 使用本机调试技术，例如使用Web Inspector查看iOS设备上的本地键/值存储。 （在你的情况下，它可能不是正确的工具，因为它似乎与我所知道的基于浏览器的本地存储有关）

我不是iOS开发人员，因此我无法在此向您详细说明。我建议在你的问题中添加ios和android标签，以吸引那些社区的注意力。