ionic 经常使用插件 tips

本文不是插件详解，只是罗列公司上线项目中使用到的各类插件以及碰到的坑，若是像详细了解一个插件建议去其官方 github 查看。

ionic 插件的安装方法：ionic plugin add pluginName

我本身查找插件的方式：首先 ngcordova，而后是 cordova 官方（cordova 官方有点坑，千万注意本身的 cordova 版本，不要找到万年不更的插件，发现总是搞不出来）。

插件是各类原生代码写成的，因此建议 ionic 开发者们有空能够多看看原生，若是碰到坑能够本身改改。

cordova-plugin-app-version

app版本插件，用于提示 app 更新。

使用方式：

获取版本号：cordova.getAppVersion.getVersionNumber()

tips：iOS 就不要作版本检查了，由于 app 会被要求去除该功能！！！

cordova-plugin-console

看名字就懂了，就是把 js 文件的 console 让你在 xcode 或者 android studio 控制台里看到 js 的console。

tips：调试神器。

cordova-plugin-geolocation

这个插件很是屌，调用原生 api 并把接口作成了 w3c 标准，简单说就是你的定位相关代码只须要写一次，就能在 app 和浏览器两端跑。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log("navigator.geolocation works well");
}

deviceready 须要依赖于 cordova-plugin-device 插件。

tips：

• iOS 设备支持度很是高，定位效果也不错，android 部分设备没法获取定位。若是对于定位要求很高，最好结合原生作。

• 必需要按上面例子当中在 deviceready 出发后来完成定位，否则会出现 iOS 上提示两次的问题。

cordova-plugin-inappbrowser

在 app 里面打开网页就须要这个插件了。用法相似 geolocation 同样，他作了兼容，直接使用 window.open 便可。

tips：ionic 当中 a 标签 tel 呼出拨号的时候会有问题，须要写成这样：click 事件里 window.open("tel:" + 800xxxxxxx, "_system");

cordova-plugin-splashscreen

进入 app 的那个画面就是用的这个插件啦。

tips：ionic 提供了 ionic resource 的图片工做流，也就是他会自动生成各类尺寸的 splash 图片。但须要注意的是，你须要在 xml.config 当中添加完整，否则会出现部分机型有图片，部分机型仍旧是cordova logo 的状况。

cordova-plugin-statusbar

状态栏插件，支持开发者定义状态栏。使用方式参考 readme 便可，简单实用的一个插件。

ionic-plugin-keyboard

键盘插件，就是让 app 里的输入框能弹出键盘的。这是 ionic 做者本身的项目，我就很少说什么了吧。

tips：app 初始化定义一下就能够了。

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);

cordova-plugin-x-toast

原生 toast 提示，用安卓的应该都知道，原生的 app 那种提示，ionic 也能作哦。用法不少，请参考其 github。

tips: ngcordova 下的，因此直接用 $cordovaToast 便可。