为什么 cordova-plugin-nativestorage 可以在浏览器上工作，但不能在手机上工作

Question

我正在使用 Phonegap CLI 为我的项目提供服务，我的插件版本是：2.3.1 所以，我写了下面的代码在设备准备好后执行：

NativeStorage.getItem("abcd",function(){
			console.log("success");alert("success");
		},function(){
			console.log("fail");alert("failed :)");
		});

当我在浏览器上测试它时，这非常有效。但是，当我在我的安卓手机上打开这个应用程序时，NativeStorage 代码根本不起作用。

我使用 weinre 调试我的应用程序：

我收到错误：ReferenceError: NativeStorage is not defined

我还删除了插件和所有平台并重新安装了它们；但是，我仍然遇到同样的错误。

你能帮我找出问题吗？

Answer 1

在调用 NativeStorage 插件之前，您是否在等待设备准备就绪？

在您的 index.js 中，您应该为设备处理添加类似以下代码的内容。

if (window.cordova) {
  document.addEventListener("deviceready", onDeviceReady, false);
}

注意：如果你想在没有 Cordova 容器的浏览器中使用你的应用程序，你应该像这样定义一个 else 分支。如果它不是 Cordova 容器，它将跳转到 else 分支并立即执行该函数。

if (window.cordova) {
  document.addEventListener("deviceready", onDeviceReady, false);
} else {
  onDeviceReady();
}

document.addEventListener("deviceready", onDeviceReady, false)

• 参数 1 - “deviceready”：事件的名称
• 参数 2 - onDeviceReady：启动应用程序的函数的名称。 这个名字当然可以和我的名字不同。
• 参数 3 - 假 （可选）：一个布尔值，指定事件是否应该 在捕获或冒泡阶段执行。 （资源： w3schools.com)

有关 addEventListener 的更多信息：https://www.w3schools.com/jsref/met_document_addeventlistener.asp

在您的“onDeviceReady”函数或更高版本中，您现在可以调用您在 config.xml 中定义的插件

例如：

function onDeviceReady() {
  //call your plugins
  NativeStorage.getItem(<...>);
}

希望对你有帮助。