在浏览器中开发时如何处理cordova插件？

Question

我正在开发一个应用程序 Ionic、Angular 和 Cordova，我正在寻找在浏览器中开发时在 Javascript 中调用 Cordova 插件的最佳方式。最佳做法是什么？我怎样才能让它干燥？

假设我正在使用 Cordova 全球化插件。为了防止在浏览器中测试时出现任何错误，我必须将代码包装在 try 中并像这样捕获：

try {
   navigator.globalization.getPreferredLanguage(onSuccess, onError);
}
catch (e) {
   console.log(e);
}

或者我会测试navigator.globalization 是否定义如下：

 if(navigator.globalization) {
     navigator.globalization.getPreferredLanguage(onSuccess, onError);
 }

但是有什么办法可以避免每次我需要调用 Cordova 插件时都这样做？

感谢您的帮助。

Answer 1

因为cordova.js 仅在您在设备或模拟器中运行应用程序时可用。因此，您无法在浏览器中使用cordova插件。因为您需要在每个插件调用上检查if(navigator.globalization)以在浏览器上进行测试，所以我建议您在这些调用之上制作自己的包装器或函数，一些一种将调用这些插件函数的全局函数。 这是一个带有纯 javascript 的示例。

function MyGlobalizationService(){
};

MyGlobalizationService.prototype.getPreferredLanguage = function(onSuccess, onError){
 if(navigator.globalization) {
     navigator.globalization.getPreferredLanguage(onSuccess, onError);
 }
}

window.myGlobalizationService = new MyGlobalizationService();

然后在应用程序的任何位置使用window.myGlobalizationService 函数。